Home

Awesome

Author: Jason San Jose, Adobe

Example project using Compass 3.2.3 to be compatible with libsass 3 and the brackets-sass extension.

Notes

Initial Repository Setup

  1. Use compass create compass-example to create a boilerplate project
  2. Install Bower npm install -g bower. Bower requires Bower requires Node and npm and Git.
  3. Install open-iconic in compass-example for spritesheet example used in sass/screen.scss
  4. Create a .brackets.json file (see example in this project)
    • Add sass.compiler: ruby and sass.compass: true
    • Note that the standard brackets-sass options are not supported, but config.rb is used instead
  5. Change config.rb to pull images from open-iconic images_dir = "bower_components/open-iconic"