0

Susy 2 のような単純な 3 列 / 3 行のグリッドを作成したい:

 1   2   3
 4   5   6
 7   8   9

しかし、ブロックはバグのある異端の順序で浮かんでいます。ご覧いただけます: http://img.spheerys.fr/images/2015/01/05/bug-susy.jpg

ここに私のHTMLマークアップ:

<article class="block">1</article>
<article class="block">2</article>
<article class="block">3</article>
<article class="block">4</article>
<article class="block">5</article>
<article class="block">6</article>
<article class="block">7</article>
<article class="block">8</article>
<article class="block">9</article>

ここに私のSusyマップ:

$susy: (
  global-box-sizing: border-box,
  use-custom: (
    rem: true
  ),
  columns: 12,
  column-width: 4em,
  gutters: 1/4
);

そして最後に、私の Sass :

.block
  +span(4 of 12)
  &:nth-child(3n)
    +last
    +break

何が問題なのですか?

4

1 に答える 1