2024年8月26日
使用 Mixins 创建可重复使用的声明组。一个很好的用例是需要使用许多供应商前缀时。只需编写一次代码,即可在任何地方调用它:
@mixin column-count($nb-columns) {
-webkit-column-count: $nb-columns;
-moz-column-count: $nb-columns;
column-count: $nb-columns;
}
// Calling the mixin:
.two-columns { @include column-count(2); }
结果
上述代码片段将产生以下 CSS:
.two-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}…