如何包含sass和正确的语法

时间:2013-11-05 11:09:55

标签: ruby wordpress sass

如何让我的网站反映罗盘功能?我知道我必须在我的主题目录中上传scss文件(使用wordpress)。但config.rb文件必须在那里吗?我上传了scss目录和css目录,就像罗盘在我的计算机上为我做的那样吗?

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

编译时我收到错误,指出我的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

1 个答案:

答案 0 :(得分:0)

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

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

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

    将是sample.css

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

    您可以在自己的网站上使用它。