在Foundation中使用变量和mixins

Question

我发现了很多类似的问题,但没有什么能解决我的问题.基本上,我使用基础4.x和rails 3.x,一切都运行正常,我的application.css中包含了foundation_and_overrides.我可以修改foundation_and_overrides中的变量,一切正常.但是,我想在我的其他一个scss文件(application/global.css.scss)中使用$ primary-color变量(以及其他一些变量).如果我在我的全局css文件中使用@import"foudation_and_overrides",那么它可以工作,但它在我编译的application.css中包含整个Foundation CSS两次,这显然不太理想.

我还想在我的全局文件中使用mixins,例如@include radius().如果我使用@import"foundation/components/global",这可以工作 - 但是这也会导致重复编译CSS.我想要做的就是使用全局变量和函数,而不是CSS - 当然这是一个非常常见的事情吗？

以前(在基础之前)我只是将所有scss函数放在一个帮助文件中,并将其导入到需要它的所有其他scss文件中.

我在这里的另一个快速Q,我用什么类来添加一些自定义文本旁边的小下拉三角形？

谢谢!

Answer 1

有了新的基础,你可以:

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

• 更新甚至更新的基础(见评论)

早期的道路是

@import "foundation/foundation-global";