合并属性(Merge properties)
merge
功能允许将多个属性的值聚合到一个单一属性下,以逗号或空格分隔。merge
对于像背景和变换这样的属性非常有用。
逗号(Comma)
用逗号
,
附加属性值
发布 v1.5.0
示例:
.mixin() {
box-shadow+: inset 0 0 10px #555;
}
.myclass {
.mixin();
box-shadow+: 0 0 20px black;
}
输出
.myclass {
box-shadow: inset 0 0 10px #555, 0 0 20px black;
}
空格(Space)
用空格附加属性值
发布 v1.7.0
示例:
.mixin() {
transform+_: scale(2);
}
.myclass {
.mixin();
transform+_: rotate(15deg);
}
输出
.myclass {
transform: scale(2) rotate(15deg);
}
为避免任何意外的连接,merge
要求在每个待连接声明上显式使用 +
或 +_
标志。