Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何更新基础5的SASS风格? 我是基础框架的新手,所以这是一个简单的新手问题。_Css_Sass_Zurb Foundation_Compass Sass - Fatal编程技术网

Css 如何更新基础5的SASS风格? 我是基础框架的新手,所以这是一个简单的新手问题。

Css 如何更新基础5的SASS风格? 我是基础框架的新手,所以这是一个简单的新手问题。,css,sass,zurb-foundation,compass-sass,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文件代表不同的模块 首先,我想更新一个样式值,例如顶

在我的项目中,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-bg-color: rgba(0,0,0,0);
我应该在哪里插入或更新此值?
我试图更新setting.scss,但没有成功。

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


解决方案就是删除这个静态的_foundation.scss文件。不应该有。我不知道SASS从哪里导入基础样式。但是重点是,当SASS文件夹中没有基础.SCSS文件时,基础样式实际上是导入和更新的。

< P>我发现,我从静态CSS文件中手工添加了基础。因此,它无法更新


解决方案就是删除这个静态的_foundation.scss文件。不应该有。我不知道SASS从哪里导入基础样式。但要点是当SASS文件夹中没有基础.SCSS文件时,基础样式实际上是导入和更新的。

您应该使用yStays.ssS文件。在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
——仅此而已。

您应该使用_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
——仅此而已。

愚蠢的问题,但是,在编辑
设置.scss
后,您是否再次编译了文件?我认为它是自动的;这个目录由指南针监视。我通过更新app.scss成功地改变了身体背景。所以我猜Compass监控正确…所以在所有其他文件都包含在那里之后,选择
app.scss
,因此var会在代码的后面被覆盖。很高兴知道。但是,它不会更新app.css。刚刚发现compas_app_日志,上面说app.css样式表是相同的:(我想我知道发生了什么。我不能更新基础。因为它是一个静态CSS文件。我可以在哪里下载一个SCSS版本,用于基础5?愚蠢的问题,但是,你在编辑<代码>设置之后是否重新编译了文件?SCSS?我认为它是自动化的;目录被指南针监视。我设法改变了。通过更新app.scss来显示背景。所以我猜Compass可以正确地监控…所以在所有其他文件都包含在app.scss中之后,再去查看
app.scss
,这样var就会在代码中被覆盖。很高兴知道。但是,它不会更新app.css。只是发现了compas_app_日志,上面说app.css这些表是相同的:(我想我发现了发生了什么。我不能更新基础。SCSS因为它是静态CSS文件。我可以在哪里下载一个SKSS版本,用于基础5?感谢@ NECIU。看看他的答案是互补的,如果你需要一个App.SCSS文件的视图。感谢@ NECIU。看看他的答案是互补的,如果你需要一个应用程序的视图。.scss文件。