Custom CSS + Bootstrap 4

Pe scurt :
Bootstrap are clasa ‘btn’ si ‘btn-secondary’ cu anumite proprietati pe :hover (cum ar fi un box-shadow & stuff).
Eu vreau sa imi fac propriul btn-secondary cu propriul stil.
Este vreo cale usoara sa suprascriu toate proprietatile puse de bootstrap pe o anumita clasa?
Ieri mi-am facut o clasa btn-secondary si am observat ca la :hover imi adauga un background (si multe altele) pe buton. Trebuie sa suprascriu tot ce a pus bootstrap pe clasa asta? (inclusiv pe toate state-urile [hover, active, …])

Customize Bootstrap e pe versiunea 3… (si ceva)
Themeing Bootstrap mi se pare un pic prea complicat pentru ce am eu nevoie (plus ca nu cred ca acopera toate cazurile mele si e posibil sa fie putin overkill)

Alte idei?

Bootstrap 4 are niste variabile pe care le poti seta, dar pentru situatia data ca exemplu nu cred ca e nimic de facut decat sa suprascrii toate proprietatile.

Downloadezi source-files, iti faci ce stiluri doresti, dupa care il compilezi si esti gata.

Mai e un topic aici pe forum legat de Bootstrap si s-a pus si acolo problema update-ului la o alta versiune de Bootstrap. Pierzi cam tot ce ai facut…

Nu inteleg ce vrei sa zici. Noi momentan suntem la CSS 3, tu unde ai ajuns ? :troll:

1 Like

LOL ce in urma ai ramas. Eu am renuntat la cifre si adaug litere la CSS. Am ajuns deja la SCSS. Peste 6 luni fac update la ȘCSS

1 Like

Ce voiam sa zic e ca o sa fie mult mai complicat sa treci la Bootstrap 4.2, 5, …, daca modifici sursele.
Cred ca solutia asa cum am zis e sa faci override intr-un custom.css la toate clasele+proprietatile care nu-ti convin.

E bine ca iti raspunzi singur la intrebari, totusi s-a inventat compare files, te ajuta mult in cazul tau. Dar daca zici ca ai ajuns in viitor cu CSS-ul probabil din cauza asta nu ai la ce sa faci compare.
Asteapta sa ajungem si noi acolo, mai avem ceva … ani.

1 Like

Ai pornit cu o gluma, ti-am raspuns cu o gluma si apoi ai dat-o in balarii sau mi se pare mie? :slight_smile: keep up the good work !
Nu cred ca degeaba zic oamenii aia de la Bootstrap sa nu modifici sursele lor. Cum am zis, mi se pare un pic overkill.
Si imi raspund singur la intrebari ca sa nu vina lumea sa imi spuna “hei, vezi ca poti sa modifici sursele la bootstrap”. Vreau alte solutii la care eu nu m-am gandit deja (si cum ai putea sa stii la ce m-am gandit deja…daca nu le scriu aici?).

Fa-ti propria clasa de .btn, cu propriile clase de style aferente. Uite asa scapi de override.

.button
.button .button-default
.button .button-secondary
...

Da un pull-request sa nu ne mai chinuim. :troll:

1 Like

1 Like

Ne raspunzi de pe aysunOS ?

1 Like