ruby-on-rails - 在 Foundation 中使用变量和 mixin

Question

我发现了很多与此类似的问题，但没有什么能完全解决我的问题。基本上，我使用的是带有 rails 3.x 的基础 4.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 函数放在一个 helpers 文件中，然后将它导入到所有其他需要它的 scss 文件中。

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

谢谢!

Answer 1

有了新的基础，你可以:

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

更新为更新的基础(见评论)

之前的路径是

@import "foundation/foundation-global";