Question

今天早上第一次潜入SASS，我对潜力感到印象深刻......但我有一个小问题。

（使用Gumby响应框架）

到目前为止，我似乎无法将_custom.scss与其他所有内容一起编译。

// Your custom SCSS should be written here...
$color: #0066a6;

body{
    background: $color;
}

我将以上内容添加到_custom.scss，转到命令提示符，键入“compass compile”并返回“未更改的sass / gumby.scss” 我也试过“compass compile sass / _custom.scss”，所做的就是创建一个“custom.css”，当然也没有出现。

我做错了什么？

Answer 1

通过在样式表名称的开头使用_，您可以使用sass partial。这告诉sass在编译时不为_custom.scss创建独立样式表。

删除part to make sass创建工作表：ie。将其重命名为custom.scss

或保留部分内容并将其导入主样式表：

@import "custom";

示例，两张_reset.scss和base.scss：

/* _reset.scss */

html,
body,
ul,
ol {
  margin:  0;
  padding: 0;
}
/* base.scss */

@import 'reset';

body {
  font-size: 100% Helvetica, sans-serif;
  background-color: #efefef;

这里_reset.scss不会编译成自己的独立工作表（因为部分），但会在body声明之前包含在base.scss工作表中（因为base.scss不是部分）。输出看起来像这样：

/* base.scss */

html,
body,
ul,
ol {
  margin:  0;
  padding: 0;
}

body {
  font-size: 100% Helvetica, sans-serif;
  background-color: #efefef;

确保您的罗盘配置设置正确。首先通过以下方式启动您的项目：

compass create path/to/project --sass-dir=[your_sass_dir]

然后你将有一个名为config.rb的配置文件。看起来应该是这样的：

# Location of the theme's resources.
css_dir         = "css"
sass_dir        = "sass"
fonts_dir       = "css/fonts"
extensions_dir  = "sass-extensions"
images_dir      = "images"
javascripts_dir = "js"

Answer 2

找到解决方案

是最奇怪的事情......打开了“gumby.css”（是最后一个沟，“我正在变得非常恼怒”的时刻）点击选择全部 - ＆gt;删除 - ＆gt;保存 - ＆gt;靠近

然后回到命令提示符，做了'compass compile'命令，不知何故瞧...显然我只需要在继续之前删除原始gumby.css中的所有内容，因为然后它重新创建了css文件@import partials working。

SCSS / SASS不加载自定义样式

2 个答案: