ウェブサービスを作っています。

sass-lint を導入する

css sass lint

CSS は、Sass (*.sass) で書いているのですが、プロパティの順番をアルファベット順にしたくて sass-lint を導入してみました。

インストール

npm install -g sass-lint

.sass-lint.yml。便利そうな設定もいくつか追加。

必要最低限の設定にしたいので、merge-default-rules オプションは false にします。

options:
  merge-default-rules: false

files:
  include: 'app/assets/stylesheets/**/*.sass'

rules:
  hex-length: 1
  mixins-before-declarations: 1
  no-trailing-whitespace: 1
  pseudo-element: 1
  property-sort-order: 1
  zero-unit: 1

実行します。

sass-lint -v

参考