我是基金会框架的新手,所以这是一个简单的新手问题。
在我的项目中,我只在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,但没有成功。
答案 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文件时,实际上会导入和更新基础样式。