Sass 奇异重叠网格

我想知道是否有一种方法可以使用Singularity.gs实现重叠网格，就像在Grid Set应用程序中一样

我想根据黄金分割率叠加两个2列网格

e、 g

及

---

我们有一个复合网格函数。但这仅适用于重叠的均匀柱，而不适用于非均匀柱

也就是说，

$grids:1.3821应该可以得到你想要的东西。划分黄金分割是非常有趣的，因为每个部分仍然处于相同的比例，这使得计算变得更容易

如果您希望编写一个函数来简化这些操作，请执行。这很简单。
我们在网格中有一个复合网格函数。但这仅适用于重叠的均匀柱，而不适用于非均匀柱

也就是说，
$grids:1.3821应该可以得到你想要的东西。划分黄金分割是非常有趣的，因为每个部分仍然处于相同的比例，这使得计算变得更容易

如果您希望编写一个函数来简化这些操作，请执行。这很简单。
或者您可以重新定义
$grids

对于这样一个基本用法，这看起来有点粗糙，但是当你必须在一个页面上组合非常不同的网格时（例如，大水槽的黄金比例+小水槽的缩略图网格），我发现这种方法非常宝贵：

<section id=left>
    <div class=column>Foo</div>
    <div class=column>Bar</div>
</section>

<section id=right>
    <div class=column>Foo</div>
    <div class=column>Bar</div>
</section>

演示：
或者您可以重新定义
$grids

对于这样一个基本用法，这看起来有点粗糙，但是当你必须在一个页面上组合非常不同的网格时（例如，大水槽的黄金比例+小水槽的缩略图网格），我发现这种方法非常宝贵：

<section id=left>
    <div class=column>Foo</div>
    <div class=column>Bar</div>
</section>

<section id=right>
    <div class=column>Foo</div>
    <div class=column>Bar</div>
</section>

演示：

<section id=left>
    <div class=column>Foo</div>
    <div class=column>Bar</div>
</section>

<section id=right>
    <div class=column>Foo</div>
    <div class=column>Bar</div>
</section>

@import compass
@import singularitygs

.column
  background-color: pink
  margin-bottom: 1em

section
  +pie-clearfix



.column

  #left &
    $grids: 1.612 1

    &:nth-child(1)
      +grid-span(1, 1)
    &:nth-child(2)
      +grid-span(1, 2)

  #right &
    $grids: 1 1.612

    &:nth-child(1)
      +grid-span(1, 1)
    &:nth-child(2)
      +grid-span(1, 2)