Sass--调用混合宏

在 Sass 中通过 @mixin 关键词声明了一个混合宏,那么在实际调用中,其匹配了一个关键词“@include”来调用声明好的混合宏。例如在你的样式中定义了一个圆角的混合宏“border-radius”:

@mixin border-radius {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

在一个按钮中用调用好的混合宏"border-radius",可以这样使用:

button {
    @include border-radius;
}

这个时候编译出来的css:

button {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

 

posted @ 2018-05-22 14:59  珊迪·奇克斯  阅读(150)  评论(0)    收藏  举报