More than 3 years have passed since last update.

Haml renderの方法など

Posted at 2020-07-12

直に書きたくないので、modulesフォルダー作成。entrance.scssを入れます。
stylesheets>modules>entrance.scss

その後、忘れずに下のように記入。

application.scss

 @import "modules/entrance";

次は
views>sharedに_1.html.hamlを作成。
※ _1という書き方でレンダーを意味します。

views>entrance>index.html.haml

.warapper
  = render "shared/1"

その後

stylesheets>1.scss

.oil {
  font-size: 30px;
}

application.scss

 @import "modules/entrance";
 @import "1";

localhost:3000

30pxでeatsと表示されれば完成です！