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

Question

我正在使用奇点。(Drupal 7/Omega 4)，我想把我的内容堆叠在列中。

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

制作具有奇异性的12列网格。我写了这个:

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

有更简单或更习惯的方法吗?

Answer 1

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

Singularity允许不同的输出样式提供它们自己的span mixins，以更好地遵循该输出样式的心智模型。960gs适用于浮点输出样式，允许您更改以下内容:

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

一个工作的SassMeister应该会让你清楚地知道发生了什么。