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
  • 11 months ago
  • 29 minutes ago
  • 4 years ago

Installs

  • Total 470K
  • Win 183K
  • OS X 215K
  • Linux 72K
May 5 May 4 May 3 May 2 May 1 Apr 30 Apr 29 Apr 28 Apr 27 Apr 26 Apr 25 Apr 24 Apr 23 Apr 22 Apr 21 Apr 20 Apr 19 Apr 18 Apr 17 Apr 16 Apr 15 Apr 14 Apr 13 Apr 12 Apr 11 Apr 10 Apr 9 Apr 8 Apr 7 Apr 6 Apr 5 Apr 4 Apr 3 Apr 2 Apr 1 Mar 31 Mar 30 Mar 29 Mar 28 Mar 27 Mar 26 Mar 25 Mar 24 Mar 23 Mar 22 Mar 21
Windows 321 421 371 353 210 222 371 385 398 426 427 243 284 323 416 428 462 469 265 269 428 413 461 456 465 264 294 397 402 452 439 427 272 237 379 411 426 427 414 290 245 337 386 413 402 477
OS X 252 302 336 328 150 148 259 282 282 329 313 151 148 283 318 344 349 338 147 166 273 300 297 357 333 168 189 270 341 317 390 314 164 164 291 324 328 326 308 153 152 249 270 301 327 324
Linux 108 114 134 129 75 83 91 145 132 154 176 110 115 145 122 118 110 117 70 84 108 109 127 122 117 80 85 92 112 130 116 120 83 90 101 116 131 103 118 85 95 107 145 114 124 117

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.