960 格和指南针

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;
}