css.scss文件中的变量

时间:2015-10-23 04:31:14

标签: ruby-on-rails ruby-on-rails-4 sass

似乎这应该是一件简单的事情。我只想在我的css.scss文件中使用一些varialbes。我的理解是我只是在文件的顶部定义它们:

$gf-green: #222;
$gf-aqua: #33ccff;

我稍后尝试在文件中使用其中一个:

#logo {
  float: left;
  margin-right: 10px;
  font-size: 1.7em;
  color: $gf-aqua;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding-top: 9px;
  font-weight: bold;

  &:hover {
    color: #33cc33;
    text-decoration: none;
  }
}

当我渲染页面时,它会给出:

Invalid CSS after " background: ": expected expression (e.g. 1px, bold), was ";"

.guide-signup-btn {
  background: ;
}

.guidefind-nav-right {
  padding: 10px 5px 5px 5px;

所以它没有填写变量。我错过了什么?

1 个答案:

答案 0 :(得分:3)

您正确设置变量并且它们有效。看起来问题来自您的scss的.guide-signup-btn部分,但您在如何设置变量方面更正。

Link to your scss working with the font color on codepen