何気にフリーダムに書いているCSSですが、知識が乏しい私が書くと具沢山の警告が出てしまいます。
例えば、以下の背景色を黒にするコード。
header {
background-color: #000;
}
何の変哲も無く、問題無いように見えますがこれをscss-lintを通すと警告が出ますw
Color literals like `#fff` should only be used in variable declarations; they should be referred to via variable everywhere else.
要はカラー変数を作成して、それを参照するようにしてください。みたいな感じかと。
また、これで終わりでは無くてさらに変数名にも気を付けます。
仮に、変数名をactive_colorとしましょう。
$active_color: #fff;
とすると、次の警告が出ます。
Name of variable `xxxxxx` should be written in all lowercase letters with hyphens instead of underscores.
変数名は全て小文字を使用し、アンダースコアの代わりにハイフンを使用してくださいといった警告。
これを修正すると、次のようになりました。
$active-color: #fff;
header {
background-color: $active-color;
}
他にも突っ込まれるところがあるのですが、多すぎて割愛しますw
興味がある場合は、下記から使用可能です。
@see : Atom