如何包含 sass 和正确的语法



如何让我的网站尊敬指南针功能?我知道我必须在我的主题目录中上传 scss 文件(使用 wordpress)。但是config.rb文件也必须在那里,对吗?我上传 scss 目录和 css 目录就像指南针在我的计算机上为我所做的那样吗?

此外,我想知道何时将.sass用于文件。我正在使用 sass 语法,但我的文件名以 .scss 结尾。我想知道这是否可能是我正在处理的错误之一。如果我正在使用extend/import,我需要.sass文件吗?

我在编译时收到一个错误,指出我的 config.rb 上的这一行

# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass stylesheets scss && rm -rf sass && mv scss sass
preferred_syntax = :scss

你没有上传你的sass文件。您的网站不需要 sass 文件。

  1. 您必须以 SASS 格式编写 css。 http://sass-lang.com/guide
  2. 通过 sass comipler 将你的 sass 编译为 css。 http://sass-lang.com/install
  3. 现在,输出(即 css)应该在您的网站中使用

所以样本.sass:

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;
body {
  font: 100% $font-stack;
  color: $primary-color;
}

将是样品.css

body {
  font: 100% Helvetica, sans-serif;
  color: #333;
}

您可以在您的网站中使用它。

最新更新