0

scsslint を使用して scss を検証していますが、次のエラーが表示されます。これを修正する最善の方法は何ですか?

[W] ColorVariable: のような色リテラルrgba(0, 0, 0, 0.75)は、変数宣言でのみ使用する必要があります。他の場所では、変数を介して参照する必要があります。

 @mixin box-shadow-new($value) {
      -webkit-box-shadow: $value;
      -moz-box-shadow: $value;
      box-shadow: $value;
    }



 .btn-exit {
      @include box-shadow-new(4px 3px 26px -6px rgba(0, 0, 0, .75));
      background-color: $button-bg-main;
      border-color: $button-bg-main;
      color: $button-color-main;
    }
4

1 に答える 1

1

これは、色をスタイルに直接記述するのではなく、変数として設定する必要があることを示しています。したがって、variables.scssファイル内、または変数をグループ化する場所 (そうですよね?ここに 1 つの方法があります) で、次のようにします。

$box-shadow-color: rgba(0, 0, 0, .75)

さらに進んで、完全な box-shadow スタイルを変数にすることをお勧めします。これにより、そのスタイルをどこにでも簡単に配置して一貫性を保つことができます。

$box-shadow: 4px 3px 26px -6px rgba(0, 0, 0, .75);

色自体を変数に入れるように警告する場合があることに注意してください。非常に「入れ子になった人形」になることもありますが、理論的には、その半透明の黒を簡単に再利用できます。

ミックスインは次のように呼び出されます。

@include box-shadow-new($box-shadow);
于 2016-05-10T20:57:00.397 に答える