はじめに

Atom で CSSLint (linter-csslint) を使っていて、あまりにも警告が鬱陶しくてルールをカスタマイズしようと思ったけどハマったのでメモ。

.csslintrc の書き方

以下のように書きます。JSON 形式です。

{
  "ignore": [
    "adjoining-classes",
    "ids"
  ],
  "warnings": [
  ],
  "errors": [
    "known-properties"
  ]
}

ルール

ルールは以下を参照してください：

公式：https://github.com/CSSLint/csslint/wiki/Rules
https://qiita.com/oh_rusty_nail/items/12e5783a9630a6905b1e#1-beware-of-box-model-size
https://gist.github.com/hail2u/1303613

.csslintrc の場所

Atom の場合は現在開いているプロジェクトルート（1つしかファイルを開いていない場合はそのファイルがあるフォルダ）。
csslint を実行する場合はカレントディレクトリ。

ホームディレクトリ ~ に置いても認識してくれるかと思ったが認識してくれないようです。
https://github.com/CSSLint/csslint/issues/529
Issue としてはあるんですが最近更新されていないようですね…

→ stylelint に乗り換えよう

stylelint なら ~/.stylelintrc も読み込んでくれるし良い感じ。
https://stylelint.io
設定方法：https://stylelint.io/user-guide/configuration/
ルール：https://stylelint.io/user-guide/rules/

ちなみに自分の設定ファイルはこんな感じです：
https://github.com/shge/dotfiles/blob/master/.stylelintrc

参考