1

我已经将Zurb Foundation安装到我的Yeoman项目中，yeoman install foundation然后通过使用更新我的 Gruntfile.js 将其包含在我的项目中require: 'zurb-foundation'

当我尝试编辑我的app/styles/main.scss文件时，现在出现了问题。我无法覆盖默认的 Zurb 基础 SASS 变量。

我试图在主目录_settings.scss内app/components和主目录下编辑文件components- 但无济于事。

有没有人有任何运气或有解决这个困境的办法？

4

2 回答 2

1

我自己找到了答案。

关键是!important在你的覆盖之后放置一个声明（基本的 CSS doh！），并将这个覆盖放在你自己的 main.scss 或等效文件中：

$mainColour: red!important

并且不要忘记在Gruntfile.js中添加 require 语句：

compass: {
  dist: {
    options: {
      require: 'zurb-foundation',// ADD THIS LINE
      css_dir: 'temp/styles',
      sass_dir: 'app/styles',
      images_dir: 'app/images',
      javascripts_dir: 'temp/scripts',
      force: true
    }
  }
},
于 2013-01-26T20:40:26.777 回答
0

您是否尝试过使用来自 github 的 yeoman-foundation-generator？https://github.com/pchen/yeoman-foundation-generator

这就像使用独立的 SASS 和 Foundation。您必须将 git repo 中的文件夹放入 NPM 安装中。

于 2013-01-26T20:00:34.003 回答