Material Design version of Foundation Framework by Zurb
Supported Foundation Version: 6.0.6
Demo: http://eucalyptuss.github.io/material-foundation/
You'll need to have the following items installed before continuing.
- Node.js: Use the installer provided on the NodeJS website.
- Grunt: Run
[sudo] npm install -g grunt-cli
- Bower: Run
[sudo] npm install -g bower
git clone https://github.com/eucalyptuss/material-foundation.git
npm install && bower install
While you're working on your project, run:
grunt watch
or make grunt watch and compile all your CSS and javascript, or run:
grunt
to compile files manually
scss/
material-foundation.scss
: Main CSS filedemo.scss
: CSS for the preview purposes, don't mind itscss/_settings.scss
: here we're adjusting Foundation as far as possible to avoid unnecessary overwriting_foundation-util.scss
: here Foundation's SASS utilities are imported_foundation.scss
: the rest of original Foundation's codescss/app.scss
: Application styles go here
Please note that not all the Foundation components are 'materialised'. By default, Material Foundation include only the styled ones. However if you want to use some of the other components all you must do is uncommenting them in : _foundation.scss
.