かもメモ

自分の落ちた落とし穴に何度も落ちる人のメモ帳

scss-lint に QualifyingElement といわれた。

こんな感じで怒られた。

QualifyingElement: Avoid qualifying attribute selectors with an element.

「属性セレクタで要素を修飾しないで」ということらしい。

input[type="radio"]:checked,
input[type="checkbox"]:checked {
  + label {
    color: $highlight;
  }
}

要素に直接 [type="radio"] みたいなの付けたらダメトノコトなので👇のように直せばOK

input {
  &[type="radio"]:checked,
  &[type="checkbox"]:checked {
    + label {
      color: $highlight;
    }
  }
}

SCSS めんどい。
コミット前とかに自動でコードフォーマット走るようにでもしないとストレスマッハ。