/material-foundation-sample

Material Foundation Starter Project

Primary LanguageCSS

Material Foundation Starter Project

Material Foundation

This is the exemplary Material Foundation implementation based on a Foundation Basic Template.

Installation

To use this template, your computer needs:

Setup

To set up the template, first download it with Git:

git clone https://github.com/eucalyptuss/material-foundation-sample.git projectname

Then open the folder in your command line, and install the needed dependencies:

cd projectname
npm install
bower install

Finally, run npm start to run the Sass and Javascript compiler. It will re-run every time you save a Sass or Javascript file.

How is it done?

To use Material Foundation along with the main Foundation Framework:

  • all the scss files are imported in the main stylesheet
  • all the javascript files are compiled with the rest of the scripts with gulp in a gulpfile

Then, both compiled files are included in index.html as style.css and app.js.