• 主页
  • 如何在SCSS中使用多个@include？

如何在SCSS中使用多个@include？

Posted by admin

我想使用多个include在相同的SCSS中。例如：

.section-ptb {
    padding-top: 130px;
    padding-bottom: 130px;
    @include desktop {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    @include tablet {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    @include mobole {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

频繁地使用多个@include是非常无聊的。有任何方法可以减少代码，我想使用：

.section-ptb {
    padding-top: 130px;
    padding-bottom: 130px;
    @include desktop , @include tablet, @include mobole {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

但它不是有效的SCSS。请告诉我另一种减少代码的方法。

转载请注明出处:http://www.jubohx.com/article/20230510/1663966.html