9

Sass に!importantmixin でキーワードを出力させることができません。

@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);
}
4

1 に答える 1

8

!important最初の例でやろうとしているように、SASS の mixin 全体に追加することはできません(LESS では可能だと思います)。

2番目の例は私にとってはうまくいきます（パラメータで !important を渡すことができます）。つまり$font-size-sml、プロパティ値として直接使用するとうまくいくので、構文を確認してください。

しかし、それが本当にうまくいかない場合は、フラグを使用して何かを実行し、重要なフラグを mixin パラメーターとして設定してから、mixin で if-else ステートメントを使用できます。このようなもの：

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

魅力的な方法ではないかもしれませんが、うまくいきます ;-)

于 2013-01-02T08:55:26.583 に答える