compass-sass - 如果所有元素都跨越一列，需要欧米茄吗？

Question

如果所有元素恰好跨越一列，Susy可以 自动（不指定omega）填充多列布局吗？

我想要什么：

+---------+---------+
| I       | want    |
+---------+---------+
| two     | columns |
+---------+---------+

我得到什么（下面的代码）：

+---------+
| I       |
+---------+
| want    |
+---------+
| two     |
+---------+
| columns |
+---------+

HTML：

<div id="container">
  <div>I</div>
  <div>want</div>
  <div>two</div>
  <div>columns!</div>
</div>

SCSS：

@import 'susy';

$total-columns: 2;
$column-width: 200px;
$gutter-width: 5px;
$grid-padding: 10px;

#container {
    @include container;
    @include susy-grid-background;

    &>div {
        @include span-columns(1);
        height: 50px;
    }
}

Answer 1

不，您需要指定 omega，否则 Susy 将不得不假设太多关于您的标记和期望结果的事情。我们不惜一切代价试图避免这种情况。解决这个问题的最好方法是使用nth-omega()mixin：

div {
  @include span-columns(1);
  @include nth-omega(even);
}

它是选择器的简单扩展:nth-child()，采用相同的关键字、数字或算法。