Sass 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

无参数mixin

Sass 的混合宏有一个强大的功能,可以无参,可以传参,那么在 Sass 中我们先来学习下

在混合宏中,可以传一个不带任何值的参数,比如:

 @mixin center-block {
    margin-left:auto;
    margin-right:auto;
}

在混合宏“center-block”中定义了无参数。

调用混合宏:

.box2{
    @include center-block;
}

编译出来的 CSS:

.box2{
    margin-left:auto;
    margin-right:auto;
}