我的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添加背景色，它会显示背景色。为什么背景网格现在显示出来了?
你正在运行奇点1.2吗?然后尝试在全局奇点定义的范围内添加@include background-grid; mixin，并使用以下语句:
@include sgs-change('debug', true);
你需要添加一个mixin
@mixin clearfix {
clear:both;
/*-- rest of ClearFix Atributes --*/
}
.holder {
max-width: 80%;
margin: 0 auto;
@include clearfix
@include background-grid(10) ;
}
我没有得到任何使用Sass 3.3.5, Compass 1.0.0 alpha的结果。18和奇点1.2.0.
下面这行抛出错误=>参数数错误(1..2为25)
@include sgs-change('debug', true);
演示:http://sassmeister.com/gist/11350705
看起来好像这是奇点问题#168中引用的相同问题。