如何在 singularity.gs 中应用给定的 width/marign 设置，类似于 960gs 中的 grid-4？

Question

我正在使用 singularity.gs (Drupal 7/ Omega 4)，我希望将我的内容堆叠在列中。在 960gs 中，您只需向元素添加 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

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

奇异性允许不同的 Output Styles to provide their own Span mixins 更好地遵循输出风格的心智模型。 960gs 适用于 Float 输出样式，允许您更改以下内容：

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

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

使用此 SassMeister 应该可以让您清楚地了解发生了什么。

如何在 singularity.gs 中应用给定的 width/marign 设置，类似于 960gs 中的 grid-4？

How to apply a given width/marign settings in singularity.gs, similar to grid-4 in 960gs?

sass

960.gs

singularitygs