SCSS + Bootstrap

Question

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..

Comments

W jaki sposob sprawdzasz czy zmienne sa nadpisywane?

---

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..

Answer 1

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 ;)

 

Comments

No właśnie szukałem czegoś o tej fladze ale widocznie źle zrozumiałem. Dziękuje za odpowiedź bardzo cenną Pozdrawiam :)