This is a template for your next web project using Foundation, Grunt, Libsass, and Assemble!
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
Clone this repository:
git clone [email protected]:zurb/foundation-libsass-template.git
Navigate into the directory:
cd foundation-libsass-template
Install all the dependincies:
npm install && bower install
While you're working on your project, run:
grunt
This will assemble all the pages and compile the Sass. You're set!
dist
: Static pages are assembled here. This is where you should view the site in your browser. Don't edit these files directly. They will be overwritten!src
: This is the directory you'll work in.src/assets
: All assets (scss, images, fonts, js, etc) go here.src/assets/scss/_settings.scss
: Foundation configuration settings go in heresrc/assets/scss/app.scss
: Application styles go here