scsslint box-shadow 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);