sass和less的mixin区别

//scss
@mixin textColor($color) {
    .tagWord {
        color: $color;
    }
}
@mixin borderRadius($radius) {
    border-radius: $radius;
}

&:global(.ant-tag-blue) {
        @include textColor(#3e96fa);
        background-color: rgba(62, 150, 250, 0.06);
}


//less
.textColor(@color) {
    .tagWord {
        color: @color;
    }
}
.borderRadius(@radius) {
    border-radius: @radius;
}
&:global(.ant-tag-orange) {
        .textColor(#f8a231);
        background-color: rgba(248, 162, 49, 0.06);
    }

  

posted @ 2022-04-06 17:40  葫芦娃啊  阅读(37)  评论(0编辑  收藏  举报