ActiveAdmin skin based on Google's Material Design
MIT License
An ActiveAdmin skin based on Google's Material Design.
gem 'active_material'
to Gemfile
and run bundle install
import "active_material"
to JS entrypoint (a JS file that is included for activeadmin)@import "active_material";
in your CSS style file (the active_material SCSS files are included in the asset path automatically, but you will need to have SCSS build capabilities, using dartsass-rails or similar)NOTE: no need to pin the import in your application. That's handled internally by the gem.
npm install --save active_material
or yarn add active_material
import "active_material"
to your JS pack file@import "active_material/app/assets/stylesheets/active_material.scss";
to your CSS style fileBy default, this gem will load the Roboto font from google APIs and use it in the SCSS. If you would like to change that behavior, you have a few options:
config.active_material.font_url
to your font url@import "active_material";
, add $am-font-sans: 'Roboto';
, replacing Roboto
with your font name.config.active_material.load_font = true
For other customization options, see customization.md
See CONTRIBUTING.md