他のSCSSページを読み込む（＠import)

• application.scssなどでは require_tree まとめて読み込むことが可能ですが、 @import を使って個別にcssを読み込むことも可能。require_treeを使うと同ディレクトリのcssファイルをすべて読みこんでしまうため、ファイルを読み込む順番が分からなくなります。それを防ぐために、@importを使って必要なファイルのみ読み込む方がファイル管理を安全にできます。

// BAD
//= require_tree .

// GOOD
@import 'top';