0

初めてsingularitygsを使用しています。左右の余白 (ガター) を削除する方法を知りたいですか? 960gs のアルファ/オメガ オプションのように。そのようなものはありますか？

ありがとうございました。$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;
    }
}
4

2 に答える 2

0

実際には、ガターを設定するオプションがあります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 .

于 2015-09-01T15:31:34.637 に答える
0

Singularity には、2 番目の引数として位置変数があります。@include grid-span($width, $location);$location がグリッドの最初の列の場合は 1 に、12 列のグリッドの最後の列の場合は 12 に変更できます。

デフォルトでは、Singularity はグリッドの書き込みに分離方式を使用するため、この位置の値はグリッド上で物を動かすのに重要です。書くことで、より伝統的なフロートに切り替えることができます$output: float;

于 2013-07-24T11:20:37.073 に答える