View source for Setup a foundation libsass site

== foundation --libsass ==
http://foundation.zurb.com/docs/sass.html

gitolite server
 git clone git@cvs2:web/FoundationZurbProject.git

you'll need the following folders and files from this project
<pre>
bower_components
node_modules
scss
Gruntfile.js
bower.json
package.json
</pre>

create .gitignore file
<pre>
*.DS_Store
/bower_components/*
/node_modules/*
</pre>

run grunt if the theme folder and it will watch the scss directory

[[Updating Foundations grunt to do more]]

== How to setup foundation after a git clone of the project ==
run these commands and it will setup your bower_components and node_modules directory. This will allow a clean setup from the project without having to copy any files over from an existing foundation project.
 npm install
 bower update
Then run grunt build and grunt to watch your files
 grunt build
 grunt
If you have issues with doing this make sure your package.json has
<pre>
{
  "name": "foundation-libsass-template",
  "version": "0.0.1",
  "devDependencies": {
    "node-sass": "~1.2.3",
    "grunt": "~0.4.5",
    "grunt-contrib-watch": "~0.6.1",
    "grunt-sass": "~0.17.0"
  }
}
</pre>
I ran into issues with an earlier setup (PrestonFeather) that was giving errors when trying to do grunt build.
<br>
Make sure that the .gitignore file does not have css/* ignored!

== How to add compass ==
Edit bower.json file
<pre>
{
  "name": "foundation-libsass-template",
  "dependencies": {
    "foundation": "zurb/bower-foundation",
    "compass-mixins": "Igosuki/compass-mixins"
  }
}
</pre>
Update your project
 foundation update

add to the includePaths in Gruntfile.js
<pre>
sass: {
      options: {
        includePaths: ['bower_components/foundation/scss','bower_components/compass-mixins/lib']
      },
      dist: {
        options: {
          outputStyle: 'compressed'
        },
        files: {
          'css/app.css': 'scss/app.scss'
        }
      }
    }
</pre>

 grunt build

Then just import your compass
 @import "compass";

inside your sass file.