CSS をリファクタリングする

[ygkn]

今ある問題点

• CSS の構造が把握しにくく、変更しにくい
  • ネストしすぎ
  • クラス名じゃなく要素名でスタイリングしてる
• node-sass 環境に制限ありすぎてつらい

解決方法

• CSSの設計手法を取り入れる
  • BEM を導入
  • とりあえずスタイルは変えずに、セレクタを全てクラス名に
• CSS のプリプロセッサの変更
  • autoprefixer などは欲しいので、postcss が妥当？