Passion make things more better

Rails, Swiftあたりの話題を中心に書いています

RailsでSassを使うときの構成について

RailsでSassを使うときに行っている初期設定および構成について書いていきます。

ルール

  • 読み込み順番を守る必要があるファイルはapplication.scssに記載する
  • その他、読み込み順を意識しないようなSCSSに関しては、app/assets/stylesheets/partialsディレクトリを作成し、以下に配置する

配置例

僕の場合はよくnormalize.csscommon.scss(共通のスタイルを記述したもの)を使用するので、application.scssの初期は以下のようになります。

@import "normalize";
@import "common";
@import "partials/*";

partials/*について

partials以下には基本的にページ毎に適用させたいスタイルであったりを作成していきます。 例えばユーザーのマイページに対して何か適用させたいスタイルがある場合は、paritals/_user.scssのファイルを作り、スタイルを記載していきます。

注意

partialsディレクトリに何もない場合、エラーがでてしまうので、blank.scss等の空ファイルでも良いので配置しておいてください(もちろん他のファイルができたら消してください)。

参考