/ / Zahrnúť premenné nadácie vo viacerých súboroch SCSS - ruby ​​na koľajniciach, ruby ​​na koľajniciach-4, zurb-nadácia

Zahrňte premenné nadácie vo viacerých súboroch SCSS - rubínovo-na-koľajniciach, rubínovo-na-koľajniciach-4, zurb-nadácia

Snažím sa použiť aplikáciu Foundation 5 v aplikácii Rails 4. Problém, ktorý mám, je, že by som chcel mať okrem nadácie aj nejaký vlastný CSS. V mojom CSS by som rád použil niektoré premenné z nadácie. Aby som ich použil, pridal som ich do hornej časti môjho súboru scss

$include-html-classes: false;
@import "foundation/components/global";

To funguje skvelo, s výnimkou toho, že na každej stránke sú stále nejaké nevyžiadanej pošty. Podľa https://github.com/zurb/foundation/issues/1629 to by sa nemalo stať.

Ak sa pozriete na zdroj tu https://github.com/zurb/foundation/blob/master/scss/foundation/components/_global.scss potom môžete vidieť, že meta veci začínajúce na riadku 284 budú zahrnuté.

Toto je problém, pretože bude zahrnutý na každej stránke, na ktorej chcem používať premenné / mixins. Rails 4 kombinuje všetky css súbory do jedného, ​​ktorý bude mať rovnaký kód znova a znova ...

Existuje nejaký spôsob, ako tento súbor zahrnúť bez toho, aby obsahoval akýkoľvek text?

odpovede:

3 pre odpoveď č. 1

Práve som zistil, že používam

@import "foundation/functions";
@include exports("global") {}
@import "foundation/components/global";

bude obsahovať všetky premenné a mixins, ale nebudete pridávať nič do vášho súboru scss!

Verím, že je to práve preto, že je funkciou exportutam, aby sa zabránilo duplicitné css zakaždým, keď je zahrnutý globálny súbor. Tým, že má funkciu falošného exportu, nazýva sa, že sa už pridalo css.