奇异性gs去除了左/右边缘

Question

我是第一次使用奇点。我想知道如何去除左/右边缘（排水沟）？就像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

奇点有一个位置变量作为第二个参数。@include grid-span($width, $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-样式。