使用SASS Foundation和Bower配置部分设置

时间:2015-02-20 12:39:32

标签: sass gruntjs zurb-foundation bower partial

我正在开发一个Symfony2项目,使用Bower进行资产管理,使用SASS进行基础测试(并在此基础上进行咕噜声)。

显然,我不应该编辑包文件,因为每次更新都会消失。但是,foundation.scss需要一个设置来配置特定模块。我怎么处理这个?有没有办法在foundation.scss之前添加部分设置?

1 个答案:

答案 0 :(得分:0)

在我的项目中,我使用下一个方式

例如,我们有以下文件夹结构:

bower/
   foundation/
      normalize.scss
      foundation.scss
      foundation/
        _functions.scss
        _settings.scss
        components/
    styles/
        styles.scss
        foundation/
           _settings.scss
           _button-groups.scss

您想要更改的所有组件都应该复制到您的导演" styles / foundation / ..."并且您应该拥有自己的文件,其中包含基础设置

styles.scss:
@import "../foundation/normalize";
@import "foundation/settings"  // the copy of default settings file

// defaults components
@import "../foundation/foundation/components/accordion";
@import "../foundation/foundation/components/alert-boxes";

// components that your change 
@import "foundation/button-groups";