scss @mixin & @include

2024-10-09 08:41:23

定义一个带参数和默认值的mixin class

// demo.scss

@mixin button($background:#606266) {

    font-size: 1em;

    padding: 0.5em 1.0em;

    text-decoration: none;

    color: #fff;

    background: $background;

}

@include 引用带参数的mixin class

@import "./demo.scss";

.button-green {

  //@include button(#409ffe); // OK的

    @include button($background: green);  // OK的

}

最新文章

热门文章