すごく久しぶりに大量のCSSを書きましたので、思ったところまとめてみました。 今回しない話 CSS in JS Scoped CSS 今回するのは、全部がグローバルに突っ込まれる、オールドファッションなCSSの話です。 再利用性の高いコンポーネントとは何か? せっかく久しぶりに書いたので、再利用性を 極限まで 高くするための方法を真剣に考えてみました。 結論 子要素をほとんど持たないコンポーネントほど、再利用性が 異常に 高い。 たとえば、一般的な事例としてですが、ボタン用のクラスは 100% 再利用できます。 // button.sass .button &--action color: white background-color: $green &--caution color: white background-color: $red