blog.unresolved.xyz
Sat Jun 06 2020

stylelintでセレクタ名にキャメルケースを強要する

  • CSS
  • stylelint
stylelintでセレクタ名にキャメルケースを強要する

React書くときはクラス名もローワーキャメルケースがいいなと思ってLintを設定しようとしたら色々手間取ったのでメモ。

stylelintのセレクタ命名は selector-class-pattern で設定できる。

公式にも汎用的な正規表現の定義が載ってるのでそれをパクってくればOK。

  • https://stylelint.io/user-guide/rules/regex
rules:
  selector-class-pattern: "^[a-z][a-zA-Z0-9]+$"
Author
Daisuke Tsuji

Daisuke Tsuji

フリーのWeb Developer。

RubyとかRailsを触ってる時間が多い。コーディングもマークアップもライティングもデザインもSEOもやるタイプ。

だいたいどれもだめ。業務委託のお仕事募集中。