css - 如何使用 jeet 更改列比率？

Question

我正在尝试将我的列比率从 1/4 更改为 1/3。

默认样式为 1/4，

col(1/4, gutter: .5, cycle: 4)

然后我取消循环并切换到1/3，

+below(desktop)
  uncycle()
  col(1/3, gutter: .5, cycle: 3)

循环保持在 4 留下一行，只有一列向右浮动。

Answer 1

uncycle 应该传递给 col() 调用...

IE

col(1/4, gutter: .5, cycle: 4)
+below(desktop)
    col(1/3, gutter: .5, uncycle: 3, cycle: 4)

例如，如果您想要在移动分辨率下使用 1/2 网格，您也可以传递多个 uncycle。

col(1/2, cycle: 2)
+above(mobile)
    col(1/3, uncycle: 2, cycle: 3)
+above(tablet)
    col(1/4, uncycle: 3, cycle: 4)
+above(desktop)
    col(1/5, uncycle: 4, cycle: 5)