1

親と整列するネストされたグリッドを作成するにはどうすればよいですか?

グリッドがあるとしましょう: 2 4 4 3

中央の各列を 2 つの列で分割して、親コンテナーと整列するようにします。

ありがとう。

次のコードを考慮して、私の問題をさらに説明するには：

#content{
    at include grid-span(2,2);
    border-top: 1px solid red;
    article.article1{
        at include grid-span(1, 1, 4 4);
    }
    article.article2{
        at include grid-span(1, 2, 4 4);
    }
}
#sidebar{
    at include grid-span(1,4);
}

両方に役立つ 1 つのルールで記事のルールが繰り返されるのを避ける方法はありますか?

4

2 に答える 2

1

ネストされた mixin にコンテキストを含めるだけです。この場合のコンテキストは、ミックスインがグリッド全体の 2 番目の列、またはネストされたグリッドの最初の列にまたがる4 4ようにすることです。@include grid-span(1, 1, 4 4)

于 2013-04-06T18:44:30.730 に答える
0

ネスティングでこれを行うことができると思います@include layout($grid, $gutter)

ここをチェック

于 2013-07-02T06:28:37.420 に答える