我是个小菜鸟,如果这是一个愚蠢的问题,我深表歉意......
我正在计算 susy 网格内的响应填充。
通常的计算当然是:(target / context) x 100
.
susy 可以返回'context'
ie "span(2)"
,例如,以像素为单位,所以我可以将计算添加到我的 SASS 文件中......还是我完全遗漏了什么?
我是个小菜鸟,如果这是一个愚蠢的问题,我深表歉意......
我正在计算 susy 网格内的响应填充。
通常的计算当然是:(target / context) x 100
.
susy 可以返回'context'
ie "span(2)"
,例如,以像素为单位,所以我可以将计算添加到我的 SASS 文件中......还是我完全遗漏了什么?
默认情况下,Susy 会以百分比计算您的跨度,但如果您在设置中指定“数学:静态”,则所有输出都将在您给定的设置中。
假设你有
$susy: {
container: auto,
columns: 12,
column-width: 60px;
gutters: 1/4,
math: static,
}
然后您可以使用函数 span() 来获取一列或一组列的宽度。
你可以说你的scss:
.myclass {
width: span(2);
}
在上面的例子中,这等于说 width: 135px;
这里的例子。