scsslintボックスシャドウsass mixin rgbaのバリデーションのようなカラーリテラル

Question

私は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; 
    } 

Answer 1

。だからあなたのvariables.scssファイル、またはどこでも変数をグループ化している中で（あなたは右、あるhere's one way？）、ような何か：私はさらに行くとフルボックスシャドウのスタイルは非常に可変することをお勧めします

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

をそのスタイルをどこにでも簡単に配置して一貫性を保つことができます。

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

色自体を変数に入れておくように警告することがあります。それは時には非常に "巣の人形"になることがありますが、理論的には、その半透明の黒を再び簡単に再利用することができます。

ミックスインは、その後のように呼ばれることになります。

@include box-shadow-new($box-shadow);