Sass--传一个不带值的参数

Sass 的混合宏有一个强大的功能,可以传参,那么在 Sass 中传参主要有以下几种情形:

A) 传一个不带值的参数

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

@mixin border-radius($radius) {
    -webkit-border-radius: $radius;
   border-radius: $radius;
}

在混合宏"border-radius"中定义了一个不带任何值的参数"$radius"。

在调用的时候可以给这个混合宏传一个参数值:

.box {
    @include border-radius(3px);
}

这里表示给混合宏传递了一个“border-radius”的值为“3px”,

编译出来的css

.box {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
原文地址:https://www.cnblogs.com/qjuly/p/9072252.html