Material Utilities
A set of CSS custom variables & classes to bring Material shadows and opacities to your project.
If you're looking for the Material color palette, head over to https://github.com/shuhei/material-colors. Inspired by colors.
Install
$ npm install material-utilities
Reminder: use the --production
flag to only install the "dependencies" (so without the "devDependencies").
Usage
PostCSS
Import the module
;
Use the CSS custom property matching the shadow/opacity you want
Note: You'll need PostCSS plugins that features CSS Custom Properties and @import
(like cssnext).
SCSS
Import the module
;;
Use the CSS custom property matching the shadow/opacity you want
CSS
Just add the following link in your html
<!-- If you use a build tool like Gulp to concatenate your stylesheets, you should use <link rel="stylesheet" href="path/to/module/material-utilities.min.css">-->
Use the CSS custom property matching the shadow/opacity you want
Download
Development
Clone the repository on your machine
$ git clone https://github.com/mlcdf/material-utilities.git && cd material-utilities
Install local dependencies
$ npm install
You can start coding!
Running npm start
will generate the minified and unminified CSS files as well as the SCSS files in the dist folder.
Contributing
Remarks, advices & contributions are welcome. Feel free to open an issue or submit a pull request.