SCSS + Bootstrap

pytanie zadane 8 maja 2018 w HTML i CSS przez name() Nowicjusz (240 p.)

Witam, mam problem z nadpisaniem zmiennych scss w bootstrapie. Mianowicie w pliku main importuje pliki bootstrapa następnie moje własne pliki w których próbuję nadpisać zmienne zachowując kaskadowość oczywiście.

Korzystam z Gulpa kompilując plik main.scss do style.css i tutaj jest wszystko ok testowałem bez bootstrapa. W pliku settings.scss wprowadzam zmianę:

Zapisuję plik no i nic się nie dzieje. Coś robię zapewne źle lecz nie mam pojęcia co:( W wynikowym pliku css następuje zmiana koloru tła względem zmiennej którą widać u samej góry więc mniemam że kompilacja jest prawidłowa. Jeśli chodzi o widoczne zmienne to jedynie zmiana w oryginalnym pliku bootstrapa daje efekt zmiany zmiennych..

komentarz 9 maja 2018 przez Alex.Ironside Stary wyjadacz (14,900 p.)

W jaki sposob sprawdzasz czy zmienne sa nadpisywane?

komentarz 9 maja 2018 przez czarny Początkujący (260 p.)
edycja 9 maja 2018 przez czarny

Zwyczajnie w przeglądarce, w htmlu mam dodaną navigację. Jak znasz jakis fajny serwis to wrzuce pliki zródlowe sassa gulppa itp

edit: Dla jasności name() i czarny to jedna osoba :) nawet nie wiedziałem że firefox tak długo trzyma to w plikach i że zakładałem kiedyś to konto..

1 odpowiedź

odpowiedź 9 maja 2018 przez rafal.budzis Szeryf (85,340 p.)
wybrane 10 maja 2018 przez name()

Najlepsza

Zmienne w SCSS działają inaczej. Bootstrap wykorzystuje zapis !default przy zmiennych. Oznacza to ze jeśli zmienna jest już zadeklarowana to nie zmienia jej wartości. W skrócie musisz zamienić kolejność. Najpierw twoje zmienne a na końcu SCSS od bootstrapa.

http://sass-lang.com/documentation/file.SASS_REFERENCE.html#variable_defaults_default

W swoich zmiennych nie musisz używać zapisu default ;)