Foundation

Foundation

http://foundation.zurb.com

Example Project

Official libsass template project: https://github.com/zurb/foundation-libsass-template

1. Follow the quick start guide https://github.com/zurb/foundation-libsass-template#quickstart
2. Open the project in Brackets File > Open Folder...
3. Add a .brackets.json (see below) file at the root of the project. This file does 2 things:
   1. Compile only scss/app.scss
   2. Setup the includePaths to pull in foundation
   3. Specify the output directory css/
   4. Enable source maps
4. Make some change to scss/app.scss
5. See compiled CSS and source map in css/app.css and css/app.css.map
6. DONE!

.brackets.json

{
    "path": {
        "scss/app.scss": {
            "sass.enabled": true,
            "sass.options": {
                "includePaths": [
                    "../bower_components/foundation/scss/"
                ],
                "outputDir": "../css/",
                "imagePath": null,
                "sourceComments": "map",
                "outputStyle": "nested"
            },
            "linting.collapsed": false
        }
    }
}