Awesome
TextMate SASS
TextMate bundle to work with SASS/SCSS & Compass projects.
Pre-requisites
If you're running TextMate to write scss files is probably that you are ready to go, anyway there are a couple of requeriments before running this bundle. The Sass Way explains with full detail how to setup a development enviroment with sass and compass, you can read it here: Getting started with Sass and Compass.
- sass gem
- compass gem
- css_parser (only needed to show full compass stats)
Installation
In the terminal:
$ cd ~/Library/Application Support/Avian/Bundles
$ git clone git://github.com/alexsancho/SASS.tmbundle.git SASS.tmbundle
Environment variables
TM_COMPASS : path to compass gem, not needed if is on your path
TM_COMPASS_DOCS : compass docs url (optional, defaults to http://compass-style.org/)
TM_COMPASS_PATH : full path to compass gem directory, required to use "Find Mixin", "Select Mixin", "Find Variable", "Select Variable" commands
TM_CSS_SPACE : used on snippets to define separation between rule and value
Command reference
- ⌘S Save current sass file and compile into css.
- ⌘R Compile all files under
scss
directory into css - ⌃⌘C Convert selection to SASS/SCSS
- ⌘⇧P Create a new compass project
- ⌥⇧C Create a compass configuration file (config.rb)
- ⌘⇧W Compile all files under
scss
directory and validates the generated CSS using W3C CSS Validator - ⌘⌥⇧S Print out statistics about your stylesheets
- ⇧⌘K Search for selected mixin on compass source files
- ⌃⌘K Search for selected variable
- ⌘K Compass mixin completion
- ⌘⌥K Compass variable completion
- ⌃H Search for selected word in Compass documentation