/SASS.tmbundle

Textmate bundle to work with SASS/SCSS projects

Primary LanguageRubyMIT LicenseMIT

TextMate SASS Build Status

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

THANKS

Bitdeli Badge