sass - 如何在混入中使用!important关键字？

Question

我无法让Sass使用mixin输出!important关键字，但我尝试过:

@include font-size($font-size-sml) !important;

和:

@include font-size($font-size-sml !important);

它总是抛出一个错误。

编辑

我最终得到了很好的结果:

@mixin font-size($font-size, $sledge-hammer: "") {
    font-size: $font-size #{$sledge-hammer};
    font-size: ($font-size / $base-font-size)+rem #{$sledge-hammer};
    line-height: ceil($font-size / $base-line-height) * ($base-line-height / $font-size);
}

Answer 1

您不能像在第一个示例中那样尝试将!important添加到SASS中的整个mixin中(我认为这可能很少)。

第二个示例对我有用(您可以使用参数传递!important)，我的意思是，如果您直接使用$font-size-sml作为属性值，则它可以工作，因此请检查语法。

但是，如果它真的不适合您，则可以使用flag做些事情，将重要标志设置为mixin参数，然后在mixin中使用if-else语句。像这样的东西:

@mixin large-text($prop, $is_imp: false) {
    @if $is_imp == false {
        font-size: $prop;
    } @else {
        font-size: $prop !important;
    }
}

也许这不是一个迷人的方法，但是它有效;-)