css - 如何自定义 Zurb Foundation 4 SCSS 组件？

Question

我正在使用 Zurb Foundation 4 的 Compass SASS 版本。它有一个文件 _settings.scss，其中包含在整个 Foundation 中使用的变量和混合。编辑此文件可帮助您控制任何组件的某些样式。但这还不够。要获得更多自定义样式，我需要修改更多的 CSS，而不仅仅是 _settings.scss 文件中的变量。

因此，我在 app.scss 文件中注释掉了以下行

@import "foundation";

并取消注释各个组件，例如:

@import "foundation/components/global";
@import "foundation/components/grid";

@import "foundation/components/top-bar";

现在我需要修改顶部栏组件的 SCSS 文件。我需要编辑哪个文件，文件在哪里？

Answer 1

要么覆盖新样式表中的样式，要么手动导入文件 - 您可以在 Github 上找到它们.

我总是在我的元素中包含来自基础的文件，所以很容易改变它们!