singularitygs - 奇点 gs 删除左右边距

Question

我第一次使用singularitygs。我想知道如何删除左右边距（排水沟）？就像 960gs 中的 alpha/omega 选项一样。有这样的吗？

谢谢你。我知道$位置。我没有正确描述我的问题

所以下面的场景：

<article>
    <div class="teaser"></div>
    <div class="teaser"></div>
    <div class="teaser"></div>
    <div class="teaser"></div>
</article>
<sidebar></sidebar>

$grids: 12;
$gutters: .2;

article {
    @include grid-span(8);
}
sidebar {
    @include grid-span(4, 9);
}
.teaser { 
    @include float-span(4, 1, 8);
    &:nth-child(odd) {
        // here i want to remove the right-margin - because otherwise the containers are not floating. dirty way would be: margin-right: 0 !important;
    }
}

Answer 1

Singularity 有一个位置变量作为第二个参数。@include grid-span($width, $location);如果 $location 是网格的第一列，则可以将 $location 更改为 1，如果它是 12 列网格的最后一列，则可以将其更改为 12。

默认情况下，Singularity 使用写入网格的隔离方法，因此此位置值对于在网格上移动事物很重要。您可以通过编写切换到更传统的花车$output: float;

Answer 2

实际上有一个选项可以设置排水沟，即add-gutter(x);.

例如：

.sidebar {
  @include add-gutter(0);
  @include grid-span(2, 1);
}

.main {
  @include add-gutter(0);
  @include grid-span(10, 3);
}

来自文档：https ://github.com/at-import/Singularity/wiki/Creating-Grids#gutter-styles 。