Включете променливи в множество SCSS файлове - руби-на-релси, руби-на-релси-4, zurb-foundation

Опитвам се да използвам Фондация 5 в приложение Rails 4. Проблемът, който имам, е, че бих искал да имам някакъв персонализиран CSS в допълнение към фондацията. В моя CSS бих искал да използвам някои от променливите от Фондацията. За да ги използвам, добавих следното в горната част на файла ми

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

Това работи чудесно, освен че има някакви боклуци все още включени на всяка страница. Според https://github.com/zurb/foundation/issues/1629 това не би трябвало да се случи.

Ако погледнете източника тук https://github.com/zurb/foundation/blob/master/scss/foundation/components/_global.scss след това можете да видите, че металните неща, започващи от линия 284, ще бъдат включени.

Това е проблем, тъй като ще бъде включен на всяка страница, на която искам да използвам променливите / миксините. Rails 4 съчетава всички CSS файлове в един, който ще има същия код отново и отново ...

Има ли някакъв начин да включите този файл, без да включвате някакъв текст?

Отговори:

Току-що открих, че използвам

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

ще включва всички променливи и миксери, но няма да добави нищо към вашия файл с файлове!

Вярвам, че това е така, защото функцията за износ еза да се предотврати дублирането на css при всяко включване на глобалния файл. Като имаме фалшива функция за износ, наричаме, че тя вече е добавила css.