【Rails】マテリアルデザインを導入(gem: materialize)

マテリアルデザインを簡単に使えるmaterializeというgemを試してみました。
http://materializecss.com
https://github.com/mkhairi/materialize-sass
 

materialize適用前


scaffoldで作成した画面です。
 
一覧画面

 
登録画面

 
 

1. Gemfile


 
bundle install実行

 
 

2. app/assets/stylesheets/application.scss


$primary-color: colorでベースの色を指定できる

 
 

3. app/assets/javascripts/application.js


 
 

materialize適用後


一覧画面

 
登録画面

 
 
お疲れ様でした!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*
*
Website