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.
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.)
If you want to hack on this code directly, fork this repository on github and make sure you have the following installed:
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/'