Sass 互动版

无参数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;
}