SASS Tricks, Material Design

This should be a simplistic implementation of Material Design. I'm attempting to stay close-ish to the specs defined by google. Although I'm not aiming for pixels, I've never believed in pixels, instead I'm using (r)em's all the way, the base-font will determine what eventual size you end up with.

I do try to adhere to the basic relative white-spacing / font-sizes that are in the specs and I try to keep to the 'plain' coloring and minimalistic drop-shadows as much as I can. In the end this is simply an attempt at making a quick-start styling framework for my own html5 based projects.

Requirements

Minimum requirements to use are essentially a way to install these files as a dependency and some form of SASS :). For some detailed tips and tricks, check under the hood in my Gruntfile.js.

• SASS
• Sass-tricks (Will tag along when installing as NPM dependency.)

Development

If you want to hack on this code directly, fork this repository on github and make sure you have the following installed:

• SASS
• NPM
• Styledocco

Then run:

npm install

For live-reload development making full use of the styledocco docs, combined with the examples.scss file, run:

grunt host

and open 'http://localhost:8282/'