我如何用jeet改变柱比?

时间:2014-09-06 02:38:04

标签: css stylus jeet-grid

我正在尝试将列比从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,留下一行,只有一列浮动到右边。

1 个答案:

答案 0 :(得分:2)

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

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

如果您想在移动分辨率下使用1/2网格,也可以传递多个非循环。

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)