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