Ruby 覆盖中间设置不起作用的中间设置
我在Middleman中做我的网站(静态Ruby web生成器) 我有基础安装和工作。然后在我的styleshhets文件夹中,我有一个_设置文件,我应该覆盖基金会的设置 但不知何故,它不起作用 我的结构是:Ruby 覆盖中间设置不起作用的中间设置,ruby,sass,sprockets,middleman,Ruby,Sass,Sprockets,Middleman,我在Middleman中做我的网站(静态Ruby web生成器) 我有基础安装和工作。然后在我的styleshhets文件夹中,我有一个_设置文件,我应该覆盖基金会的设置 但不知何故,它不起作用 我的结构是: web source bower_components foundation components _settings.scss ... images javascript layouts stylesheets ... _s
web
source
bower_components
foundation
components
_settings.scss
...
images
javascript
layouts
stylesheets
...
_settings.scss
...
然后,在stlesheets文件夹的\u settings.scss
中,我想将主体字体颜色覆盖为红色,如下所示:
// We use these to control various global styles
// $body-bg: $white;
$body-font-color: red;
但没有任何效果
Config.rb:
# Change Compass configuration
compass_config do |config|
config.output_style = :compact
config.add_import_path "bower_components/foundation/scss"
config.http_path = "/"
config.css_dir = "stylesheets"
config.sass_dir = "stylesheets"
config.images_dir = "images"
config.javascripts_dir = "javascripts"
end
after_configuration do
@bower_config = JSON.parse(IO.read("#{root}/.bowerrc"))
sprockets.append_path File.join "#{root}", @bower_config["directory"]
end
你知道我需要做什么才能通过我的样式表文件夹中的my_settings.scs覆盖Foundation样式吗
如果您需要查看整个结构,以下是我在github上的网站:
只要
\u settings.scss
在foundation.scss
之前导入,它就应该工作。您的config.rb是正确的。然而,需要注意的一点是线路
@import'foundation';
与生产线的处理方式不同
@import'foundation.scss';
指南针将首先查看是否有一个基础.SCSS文件在BureReMease/FutualPATH中。既然有,它就用那个。此外,由于所有的SASS变量已经在基础.CSS中解决,导入预先设置的SysStuts.SCSS不会改变默认样式。相反,请确保app.scss文件的顶部如下所示:
@import'foundation.scss';
@导入“设置”;
由于bower_components/foundation/_settings.scs在默认情况下被完全注释掉,因此它不会破坏新样式。否,
@import'foundation'代码>只导入基础,SASS,基础,SCSS,基础,SASS,或基础。SCSS。在任何情况下,它都不会导入基础。CSS因为1,没有使用扩展,2,即使使用扩展,它也将是CSS导入。此外,在导入依赖设置的文件后导入设置会适得其反。