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
  • 23 minutes ago
  • 5 years ago

Installs

  • Total 674K
  • Win 291K
  • OS X 279K
  • Linux 103K
May 24 May 23 May 22 May 21 May 20 May 19 May 18 May 17 May 16 May 15 May 14 May 13 May 12 May 11 May 10 May 9 May 8 May 7 May 6 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
Windows 193 459 411 286 250 406 420 452 453 466 239 238 408 430 495 449 475 256 291 365 429 513 449 332 256 299 411 519 472 435 490 273 316 426 439 456 486 412 230 291 361 461 469 512 446 289
OS X 83 257 243 103 124 212 221 247 239 276 128 95 216 252 279 267 278 132 129 259 259 274 252 189 106 131 216 275 251 272 255 133 163 220 285 306 294 247 143 146 188 262 272 289 269 111
Linux 27 116 106 70 79 96 129 104 113 113 59 70 113 111 105 111 96 64 58 92 118 102 104 74 77 60 113 110 118 143 108 78 72 101 121 102 130 91 74 86 104 126 119 108 116 78

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.