The style files for Google's Material Design Lite.
CSS
Switch branches/tags
Latest commit 8e2e83c Sep 8, 2016 @markbirbeck 0.5.0
Permalink
Failed to load latest commit information.
Blog
BlogPosting
Organization make JS-related classes optional Sep 7, 2016
SportsEvent make JS-related classes optional Sep 7, 2016
.editorconfig add config files Oct 15, 2015
.gitignore
.jscsrc add config files Oct 15, 2015
.jshintignore add config files Oct 15, 2015
.jshintrc
.jshintrc_for_test add config files Oct 15, 2015
LICENSE add config files Oct 15, 2015
README.md
_footer.scss change footer rule so that it's within main element Sep 7, 2016
_grid.scss first cut Oct 15, 2015
_layout.scss update main element rule to include blog class Sep 7, 2016
_styles.scss add organization Apr 23, 2016
package.json 0.5.0 Sep 7, 2016
wercker.yml

README.md

mdl-sass-mixins

Sass Rules using the CSS from Material Design Lite (MDL) as mixins.

For the motivation for this module as well as information about how to use it, see the blog post A Mixin Approach to Material Design Lite Using Sass.

Adding the MDL Styles

To make the styles from MDL available to this project we import MDL's material.css file into our own stylesheet.

To get a copy of material.css it's actually better to grab the whole MDL project from NPM, which is why we've added material-design-lite as a Node module.

By having a clear dependency on MDL (rather than manually importing a single file from the module) we can do things like pin our own stylesheet to a particular version of MDL.

To make use of the styles we simply use an @import statement to include the stylesheet into our own stylesheet:

@import "node_modules/material-design-lite/material";