Rails の CSS にスコープを持たせてファイル分割する | Basicinc Enjoy Hacking!

ベーシック アドベントカレンダー 6日目。 こんにちは。@rigani_c です。今日も寒いですね。それでは本題です。 ファイルパスで View と CSS を付け合わせて薄いスコープを作る設計、ファイルパススコープについての記事の続編です。 CSS on Rails に治安が訪れます。 本記事は Rails 6.0.1 + Sprockets 4 な環境で動作検証しています。 タイトルで『こうするといいよ』とか言ってるけど、まだ運用してないので破綻したらごめんなさい。 ファイルパススコープ ファイルパススコープとは、ベーシックで考案・運用している CSS のスコープ設計です。 運用が容易な単純なルールと、書き直しやすさを重視しています。 次の手順で、View ファイルと CSS ファイルを対の関係にします。 View ファイルごとのルート要素に、自身の app/views/ 以降のファイ