css - 将 CSS 应用于属性和媒体查询

Question

您好，我有重复的 css 代码，我想将其应用于媒体查询以及 html 属性。

例如

@media only screen and (max-width 729px)
    font-size: 1.5em
    font-weight: normal
.mobile-view
    font-size: 1.5em
    font-weight: normal

我正在使用 SASS 并想知道是否有办法将它们捆绑在一起以保持 DRY(不要重复自己)

Answer 1

你可以使用混合:

@mixin mobileFont() {
    font-size: 1.5em;
    font-weight: normal;
}
@media only screen and (max-width 729px){
    @include mobileFont();
}
.mobile-view{
    @include mobileFont();
}

但是它并没有呈现为 DRY...