Sass for TextMate/Sublime Text 2 & 3
What's this thingie?
This add-on adds syntax highlighting and tab/code completion for Sass and SCSS files. It features Zen Coding shortcuts for many CSS properties, making you look like some kind of stylesheet wizard to everyone around you. You've got to like that.
mkdir -p ~/Library/Application\ Support/TextMate/Bundles/ cd ~/Library/Application\ Support/TextMate/Bundles/ git clone https://github.com/nathos/sass-textmate-bundle.git Sass.tmbundle osascript -e 'tell app "TextMate" to reload bundles'
mkdir -p ~/Library/Application\ Support/TextMate/Bundles cd ~/Library/Application\ Support/TextMate/Bundles mkdir sass-textmate-bundle.tmbundle && curl -L https://github.com/nathos/sass-textmate-bundle/tarball/master | tar xz --strip 1 -C sass-textmate-bundle.tmbundle osascript -e 'tell app "TextMate" to reload bundles'
Sublime Text 2 & 3 Installation
With Sublime Package Control
I recommend using the excellent Sublime Package Control to install Sublime Text 2 packages.
Once you have Package Control installed, activate your Command Palette (Command + Shift + P) and choose
Package Control: Install Package.
Then, search for "Sass" and press Enter. In mere moments you'll be up and running with full syntax highlighting, tab completion and more. Huzzah!
With Git (Windows)
From within Sublime Text go to:
Preferences > Browse Packages...
Right-click and select:
Git Bash Here
From the Git Bash:
git clone https://github.com/nathos/sass-textmate-bundle.git
Restart Sublime Text.
Putting HAML in its place
You may find that when you open files with the
.sass extension, Sublime Text 2 initially interprets the syntax as HAML. To permanently fix this, open
Packages/Rails/Ruby Haml.tmLanguage and delete the line
Alternatively, you can open a sass file in Sublime Text (with either the .sass or .scss extension) and go to
View > Syntax and select Sass. This will also ensure updated won't override this setting in future.
About & Credit
This was originally a fork of https://github.com/seaofclouds/sass-textmate-bundle, and includes the best contributions of people throughout the network.
Features include improved syntax highlighting, Zen Coding-style property autocompletion, and more.