Susy - 在流体容器中获得静态跨度宽度

我正在使用susy流体网格容器构建网站。但是我的一些界面元素需要固定的宽度。所以有这些设置：Susy - 在流体容器中获得静态跨度宽度

$susy: (
    columns: 12, 
    container: rem-calc(1680), 
    gutters: 28px/112px, 
    global-box-sizing: border-box, 
    gutter-position: split 
);

我想很容易得到例如8列跨度，但静态。所以@include span（12中的8）会导致precentage值，这很好，但在某些情况下，我想获得静态值（基于容器固定的最大宽度of course）。

可能吗？

来源

2015-10-06 Malyo

在你的超对称全局设置上面你可以添加：

math: static

但为了做到这一点，你需要包括列宽对象为好。

所以我们说，你想与40像素宽度的每一列，使用例如，它是这样的：

$susy: (
    columns: 12, 
    ... 
    math: static, 
    column-width: 40px 
);

当你@include span而不是使用％的基础上，它会用PX基地为您希望它是静态的。

来源

2015-10-07 10:00:56 astrasleepz

谢谢，但你missunderstood我的问题：（不同时设置，或者在那里发生冲突的潜力）

更新。我想为某些元素提取静态宽度，而不是整个布局，这是流动的，全局数学需要保持流畅。 – Malyo

如果你想让全局数学保持不变，你可以在本地使用简码： '@include span（8 of 12 static 40px）' 它会渲染数学为静态和列宽为40px – astrasleepz

是 - 你可以通过static作为任何与Susy功能或混入的说法，你想要静态输出 - @include span(8 of 12 static) - 只要你有column-width或container集。试图帮助哦，我明白这是在上面的评论中提到...

来源

2016-10-14 02:30:20

Susy - 在流体容器中获得静态跨度宽度

回答

相关问题