The new Textmate (or any compatible editor) bundle for SASS, using the new .scss syntax. Actively maintained. Includes a complete rewrite of the original SCSS bundle with many improvements. Patches Accepted.
Switch branches/tags
Nothing to show
Pull request Compare This branch is 3 commits ahead, 133 commits behind MarioRicalde:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


This is a TextMate Bundle for SASS.

This bundle contains the grammar files for highlighting the NEW SYNTAX; the old syntax is not supported by this bundle. Sorry.

It also includes Zen CSS ( from the Zen Coding Project ); which will help you speed up your coding.

New Feature: XHTML to SCSS Converter

You can see the new feature in action in this screencast. Sorry for my engrish.. I need to practice more heh.

Notes about this feature:

Yo shouldn't use this feature to convert the whole XHTML to SCSS. It is meant to selectively copy and paste your XHTML to SCSS Document. In the Screencast I did a complete layout parse for the sake of demonstration. However this is a bad practice since it generates unnecessary nesting and of course bloat.

New Feature: XHTML to SCSS Converter now uses style declarations!

See it in action! Screencast.

The minimum requirements for this command to work:

  • Nokogiri
  • Ruby 1.8.7 or higher (it comes by default with Snow Leopard)
  • Mac OS X (No support for Windows yet. I didn't implement the clipboard method for it.)

Preview of the Syntax Highlighter

####Kuroir's Theme Screen

You can get this theme on My Theme Repository


Textmate (OS X)

With Git:

mkdir -p ~/Library/Application\ Support/TextMate/Bundles
cd ~/Library/Application\ Support/TextMate/Bundles
git clone git:// "SCSS.tmbundle"
gem install nokogiri
osascript -e 'tell app "TextMate" to reload bundles'

Without Git:

mkdir -p ~/Library/Application\ Support/TextMate/Bundles
cd ~/Library/Application\ Support/TextMate/Bundles
tar zxf kuroir-SCSS.tmbundle-*.tar.gz
rm kuroir-SCSS.tmbundle-*.tar.gz
mv kuroir-SCSS.tmbundle* "SCSS.tmbundle"
gem install nokogiri
osascript -e 'tell app "TextMate" to reload bundles'

Before Forking

If you want your patches merged to the main branch, please do the following:

  1. If you're going to modify the Grammar, first edit the documented & commented "source" located in SCSS.tmbundle / Syntaxes / source.textmate. then apply it to Textmate. The reason behind this is that Textmate removes comments and indentations, making the grammar file hard to work on.
  2. PULL REQUEST, so I know you want me to pull!

Known Issues:

  • Error Highlighting sometimes fails, will need to improve the regexp.

Credits and More:

Thanks to ModernMethod and Julio Capote for introducing and guiding me to the wonderful world of Ruby and SASS.

Thanks to Chris Eppstein who developed the base SCSS.tmbundle.

This bundle has the Zen Coding Bundled within because of the scope. You can view the repository here: Zen Coding @