css - 960 网格和 compass

Question

我是 compass/sass 的新手，我安装了 960 plugin .到目前为止一切顺利。

唯一的问题是我正在使用更新的 .scss 语法，当我尝试通过以下方式设置我的容器时:

.container {
    +grid-container;
}

我得到一个编译错误:

Syntax error: Invalid CSS after "   +grid-container": expected "{", was ";"

Answer 1

好的，就在这里。

首先声明要使用的列数:

$ninesixty-columns: 12;

然后声明你的“容器”，如果你使用一个:

.container {
    @include grid-container;
}

然后给出金额:

.main {
    @include grid(9);
    @include alpha;
    }
.sidebar {
    @include grid(3);
    @include omega;
}