スージーは、あなたがこのコードペンのデモを見ている場合は、私が作成したコンテキスト

を入れ子になった：http://codepen.io/rctneil/pen/aNJjeP スージーは、あなたがこのコードペンのデモを見ている場合は、私が作成したコンテキスト

はどのようにして、外側グリッドの半分の列であることを<aside>と<section>の両方にパディングを取得するにはスージーを使用することができます？私はSusyのnested mixinを使用しようとしましたが、パディングが正しくなく、半分の列よりも小さいです。

アイデア？

出典

2016-03-21 rctneil

小数点以下のバグ（span(0.5)）があるようです。私はそれを調べます。今のところ、最も簡単な解決策は、padding: span(1)/2（列を手動で分割する）を使用することです。それらのnestedミックスインは必要ありません。彼らは何もしません。

出典

2016-03-22 16:31:02

ありがとうございました！どのような状況で入れ子になったミックスインが必要ですか？つまり、ネストされた場所のアイテムを外側のグリッドに整列させるために使用できますか？ – rctneil

例：このシナリオでは：http://codepen.io/rctneil/pen/oxWgpX div間のマージンを1と2にする方法は、外側のグリッドのマージンに一致しますか？ – rctneil

スージーグリッドは短命です。特定の組み合わせの設定の外では、実際のところ存在しません。これらの設定は、 '$ susy'マップでグローバルに変更することも、任意のmixinや関数の引数としてローカルに変更することもできます。 'nested'と' with-layout'ブロックはコードブロックのためにグローバル変数を一時的に変更して妥協をもたらします。何らかの理由で、グリッド設定が異なる場合でも、どこでも使用できます。意味的には、「ネストされた」とは、「グローバルグリッドには12列ありますが、今は6列要素の中にネストされています」という意味です。 –

スージーは、あなたがこのコードペンのデモを見ている場合は、私が作成したコンテキスト

答えて

関連する問題