如何在singularity.gs中应用给定的宽度/边距？

Question

我使用的是singularity.gs (Drupal 7/Omega 4)，我想将我的内容堆叠在列中。

在960个例子中，您只需将grid-4添加到元素中，它跨越4列并具有适当的边距(或多或少)。

为了使用sigularity.gs生成12列网格，我编写了以下代码：

.grid-4 {
    width: column-span(4, 6);
    margin-left: gutter-span();
    float: left;
}

.grid-4:first-child {
    margin-left: 0;
}

是否有一种更简单或更惯用的方法来做这件事？

Answer 1

我不确定这本身是否一个问题，但我想我可以回答它。

奇点允许不同的输出样式提供自己的跨距混合器，以更好地遵循输出风格的心智模型。960gs使用浮点输出样式，允许您将所拥有的内容更改为以下内容：

.grid-4 {
    @include float-span(4);

    &:nth-of-type(3n) {
        @include float-span(4, 'last');
    }
}

与此一起工作的SassMeister应该可以让您清楚地了解正在发生的事情。