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

Question

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

@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（我认为可能在 LESS 中）。

第二个示例对我有用（您可以使用参数传递 !important），我的意思是，如果您$font-size-sml直接将其用作属性值，它可以工作，所以也许检查您的语法。

但是如果它真的不适合你，你可以用 flag 做一些事情，设置一个 important_flag 作为 mixin 参数，然后在 mixin 中使用 if-else 语句。像这样的东西：

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

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