ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Sass

by nathos ST2/ST3 Top 25

Sass support for TextMate & Sublime Text (2 & 3)

Details

  • 2015.06.09.15.02.18
  • github.​com
  • github.​com
  • 3 months ago
  • 39 minutes ago
  • 3 years ago

Installs

  • Total 342K
  • Win 122K
  • OS X 167K
  • Linux 52K
Aug 29 Aug 28 Aug 27 Aug 26 Aug 25 Aug 24 Aug 23 Aug 22 Aug 21 Aug 20 Aug 19 Aug 18 Aug 17 Aug 16 Aug 15 Aug 14 Aug 13 Aug 12 Aug 11 Aug 10 Aug 9 Aug 8 Aug 7 Aug 6 Aug 5 Aug 4 Aug 3 Aug 2 Aug 1 Jul 31 Jul 30 Jul 29 Jul 28 Jul 27 Jul 26 Jul 25 Jul 24 Jul 23 Jul 22 Jul 21 Jul 20 Jul 19 Jul 18 Jul 17 Jul 16 Jul 15
Windows 210 327 345 393 387 341 218 229 326 372 348 312 323 171 167 290 272 352 359 364 208 202 289 321 318 352 401 250 250 321 364 343 310 352 189 194 333 313 316 350 337 210 216 283 307 285
OS X 149 294 312 314 357 316 167 148 268 335 334 362 337 177 154 282 332 350 354 320 147 144 242 304 365 358 364 159 166 242 269 330 300 339 162 179 276 304 369 368 370 149 181 256 304 363
Linux 62 83 127 107 136 102 70 69 90 104 106 107 104 69 85 107 97 96 89 99 57 59 103 105 98 116 103 68 62 97 107 106 111 98 59 70 87 104 119 107 110 61 63 99 91 86

Readme

Source
raw.​githubusercontent.​com

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.

TextMate Installation

With git

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'

Without git

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 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 <string>sass</string>.

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.