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 - 在流體容器中獲得靜態跨度寬度

回答

相關問題