/material-foundation

Material Design version of Foudation Framework by Zurb

Primary LanguageCSSMIT LicenseMIT

Material Foundation

Material Foundation

Material Design version of Foundation Framework by Zurb

Supported Foundation Version: 6.0.6

Demo: http://eucalyptuss.github.io/material-foundation/

Requirements

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

Quickstart

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

Directory Structure

scss/

  • material-foundation.scss: Main CSS file
  • demo.scss: CSS for the preview purposes, don't mind it
  • scss/_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 code
  • scss/app.scss: Application styles go here

Components

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.