我无法让Susy isolate-grid mixin正确显示我的缩略图库

时间:2013-06-26 13:00:42

标签: compass-sass susy-compass

我必须使用+isolate-grid Susy mixin来纠正一些subpixel rounding issues以及make 4 tiles show up in one row of a thumbnail gallery grid.

现在我遇到了+isolate-grid的问题。当我在+isolate-grid(2,4)文件的默认移动设备部分中将.tile应用于style.sass时,它似乎弄乱了我的另外两个断点:tablet和{{1} }。

移动默认状态下的磁贴网格看起来很好:

移动(默认)

enter image description here

desktopdesktop状态中的切片网格不一致。每行应该有三个瓦片。现在它看起来很随机:

平板

enter image description here

桌面

enter image description here

如果我使用默认移动设备中的tablet中的+isolate-grid(2,4)替换+span-columns(2)。然后.tiletablet状态正常,但移动状态下每行只有一个图块。每行应该有2个瓷砖:

移动(默认)

enter image description here

平板

enter image description here

桌面

enter image description here

以下是代码:

desktop

1 个答案:

答案 0 :(得分:0)

此Susy问题已在1.0.9版本中修复,因此我只需将Susy更新为1.0.9。 +isolate-grid(2, 4)现在工作正常。