使用Singularity以最小标记构建多列网格的最佳方法是什么

Question

假设我在另一列中有一个文章网格(2列).实现这一目标的最佳方法是什么,而不必明确告诉文章应该是哪一列.

它是用伪类声明它的唯一选择吗？

article:nth-child(1n){
   @include grid-span(1,1);
}
article:nth-child(2n){
   @include grid-span(1,2);
}

谢谢.

Answer 1

有一个甚至更短的方式比Scott aka user2242314建议上面::

$grids: 12;
$gutters: 1/3;

.column {
  @include float-span(1);

  &:last-child {
    @include float-span(1, 'last'); }}

不幸的是,Singularity中存在一个错误,它阻止使用这种简短的方法,即使它是由Singularity文档建议的.

我修复了错误并提交了拉取请求.等待Scott或Sam aka Snugug接受它并发布更新的gem(版本1.0.7或更高版本).然后运行gem update或者bundle update你可以使用最干净的解决方案.