如何更新Foundation 5的SASS样式?

时间:2014-04-21 21:35:29

标签: css sass zurb-foundation compass-sass

我是基金会框架的新手,所以这是一个简单的新手问题。

在我的项目中,我只在sass目录中有几个scss文件:

_foundation.scss (CSS file of 5000+ lines)
_normalize.scss (normalizing CSS file)
_setting.scss (A large amount of commented SCSS variables)
app.scss (Gathering the other scss files)

我很遗憾没有更多的scss文件代表不同的模块。

首先,我想更新一个样式值,例如topbar background-color:

$topbar-bg-color: rgba(0,0,0,0);

我应该在哪里插入或更新此值? 我试图更新setting.scss,但没有成功。

2 个答案:

答案 0 :(得分:4)

您应该使用_settings.scss文件。在scss目录中创建app.scss文件并将其放入其中:

@import "normalize"; // just normal normalization
@import "foundation/settings"; // the CHANGED settings (will affect Foundation)
@import "foundation"; // and Foundation framework itself

// your awesome custom styles go here

然后编译app.scss - 这就是全部。

答案 1 :(得分:0)

我发现我从静态css文件中手动添加了_foundation.scss。因此,它无法更新......

解决方案就是删除这个静态_foundation.scss文件。不应该是任何人。我不知道萨斯从哪里进口基础款式。但重点是,当sass文件夹中没有_foundation.scss文件时,实际上会导入和更新基础样式。