[update] リストコンポーネントの要素セレクタをクラスセレクタに変更

[manabuyasuda]

.c-list-unstyledと.c-list-orderedの要素セレクタへの指定をやめる。スタイルを指定しているところはクラス指定をして詳細度を上げないようにする。

マークアップはやりにくくなるけど、上書きがつらくなりそう。

.c-list-unstyled ul {
  list-style-position: inside;
}

// 修正後
.c-list-unstyled__items {
  list-style-position: inside;
}

.c-list-ordered {
  @include _c-list-unstyled();
  counter-reset: ordered;
}

.c-list-ordered > li:before {
  counter-increment: ordered;
  content: counters(ordered, ".") " ";
  padding-right: 0.5em;
}

li > .c-list-ordered {
  padding-left: 1em;
}

// 修正後
.c-list-ordered {
  @include _c-list-unstyled();
  counter-reset: ordered;
}

.c-list-ordered__item:before {
  counter-increment: ordered;
  content: counters(ordered, ".") " ";
  padding-right: 0.5em;
}

.c-list-ordered__items {
  padding-left: 1em;
  list-style-type: none;
  counter-reset: ordered;
}

[manabuyasuda]

詳細度は0,0,1,1と0,0,1,2から0,0,1,0と0,0,1,1になる。