如何在singularity.gs中应用给定的宽度/标记设置,类似于960gs中的grid-4?

时间:2015-10-10 12:00:06

标签: sass 960.gs singularitygs

我正在使用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;
    }

也许有一种更简单/更自然/更有效的方法吗?

1 个答案:

答案 0 :(得分:1)

我不确定这本身是不是问题?但是,我想我可以回答它。

奇点允许不同的Output Styles提供自己的Span mixins以更好地遵循输出风格的心理模型。 960gs适用于Float输出样式,允许您更改以下内容:

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

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

使用此功能SassMeister可以让您清楚了解发生了什么。