Question

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

谢谢。我知道$ location。我没有正确描述我的问题

所以出现以下情况：

<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更改为1（如果它是您网格上的第一列）或12（如果它是12列网格中的最后一列）。

默认情况下，Singularity使用isolation method写入网格，因此此位置值对于在网格上移动内容非常重要。您可以通过编写$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。

奇点gs删除左/右边距

2 个答案: