I’ve created a tiny TextMate bundle to quickly compile SASS into CSS. The bundle uses a SASS_DIR variable unique to your project pointing to your SASS directory. Here’s how to set it up:
- For best results, install the SCSS + Zen bundle beforehand.
- Download and install the Quick Compile bundle.
- In your project drawer, select the “i” icon in the bottom right corner. If the icon is grayed out, you probably have a file or folder selected within the drawer. Deselect the file by clicking elsewhere inside of the drawer.
- Add a SASS_DIR shell variable. The value should be the path to your SASS folder relative to your project root.
Note: on a default compass generated project, the relative path is your project root. The SASS_DIR value should be “.”, unquoted.
That’s it. The keystroke is mapped to ⌘S. It will autosave along with your usual workflow. The Compass output will appear as a tooltip, either to confirm the output or to notify you of errors. Apologies for the formatting, I don’t see a way to clean it up: