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
  • 2 years ago
  • 28 minutes ago
  • 6 years ago

Installs

  • Total 748K
  • Win 333K
  • OS X 301K
  • Linux 113K
Oct 20 Oct 19 Oct 18 Oct 17 Oct 16 Oct 15 Oct 14 Oct 13 Oct 12 Oct 11 Oct 10 Oct 9 Oct 8 Oct 7 Oct 6 Oct 5 Oct 4 Oct 3 Oct 2 Oct 1 Sep 30 Sep 29 Sep 28 Sep 27 Sep 26 Sep 25 Sep 24 Sep 23 Sep 22 Sep 21 Sep 20 Sep 19 Sep 18 Sep 17 Sep 16 Sep 15 Sep 14 Sep 13 Sep 12 Sep 11 Sep 10 Sep 9 Sep 8 Sep 7 Sep 6 Sep 5
Windows 300 408 394 447 434 245 263 381 436 335 452 453 275 298 369 399 392 411 445 264 294 330 464 506 462 473 283 316 436 494 500 487 542 298 320 548 554 478 407 314 288 265 352 438 413 405
OS X 143 257 226 270 269 112 134 212 263 192 284 249 133 126 226 259 242 270 278 142 172 212 305 317 353 288 132 130 230 261 274 323 313 129 178 328 447 350 237 193 103 109 198 224 253 261
Linux 71 101 99 114 104 60 72 111 110 69 91 107 67 65 81 105 103 106 107 75 72 74 109 92 130 110 95 71 94 110 97 128 85 77 75 145 145 112 84 73 58 59 82 100 107 75

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.