Question

我的HTML看起来像：

<head>
<link href="stylesheets/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class='holder'>
 <div class='block-a'>A</div>
 <div class='block-b'>b</div>
</div>

</body>

我的SCSS看起来像

$grids: 12;

.holder {
  max-width: 80%;
  margin: 0 auto;
   @include clearfix;
  @include background-grid;
}

然而，当我编译并查看scss时，我只看到A和B.如果我为block-a添加背景颜色，它会显示背景颜色。为什么背景网格现在出现了？

Answer 1

你正在运行奇点1.2吗？然后尝试在全局奇点定义的范围内添加@include background-grid; mixin以下语句：

 @include  sgs-change('debug', true);

Answer 2

你需要添加一个mixin

@mixin clearfix {
  clear:both;
  /*-- rest of ClearFix Atributes --*/
}

.holder {
  max-width: 80%;
  margin: 0 auto;
  @include clearfix
  @include background-grid(10) ;

}

Answer 3

我没有使用Sass 3.3.5，Compass 1.0.0.alpha.18和Singularity 1.2.0获得任何结果。

以下这一行引发错误=＆gt; `_linear-gradient＆＃39;

的参数数量错误（对于1..2为25）

@include sgs-change('debug', true);

演示： http://sassmeister.com/gist/11350705

Answer 4

好像这是Singularity Issue #168中引用的相同问题。请关注该问题。

无法获得工作的榜样。

4 个答案: