material-sass is a rubygems version of Material Design for Bootstrap 4
Offical repo github.com/Daemonite/material
Since bootstrap relies on it, install it with
bin/yarn add jquery or via
gem 'jquery-rails' and add
//= require jquery to
NOTE: Ensure that the
sass-rails gem is presented in your Gemfile.
Add this line to your application's Gemfile:
gem 'bootstrap', '4.1.1' gem 'material-sass', '4.1.1'
And then run the bundler and restart your server to make the files available through the pipeline:
$ bundle install
Or install it yourself as:
$ gem install material-sass
Import Materialize styles in
@import "material"; //ps: no need to import 'bootstrap'
NOTE: If you have just generated a new Rails application, it may come with a
.css file instead. If this file exists, it will be served instead of Sass, so remove it.
$ rm app/assets/stylesheets/application.css
//= require jquery //= require popper //= require bootstrap //= require material
Include this line in the portion of your HTML code
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
or import this line in your application.scss
or install this gem for offline icons
note: Any changes or Pull Request regarding material assets should be made in official material repo.
- Fork it ( https://github.com/mkhairi/material-sass/fork )
- Create your feature branch (
git checkout -b my-new-feature)
- Commit your changes (
git commit -am 'Add some feature')
- Push to the branch (
git push origin my-new-feature)
- Create a new Pull Request