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
  • 8 months ago
  • 3 minutes ago
  • 4 years ago

Installs

  • Total 421K
  • Win 159K
  • OS X 198K
  • Linux 65K
Feb 7 Feb 6 Feb 5 Feb 4 Feb 3 Feb 2 Feb 1 Jan 31 Jan 30 Jan 29 Jan 28 Jan 27 Jan 26 Jan 25 Jan 24 Jan 23 Jan 22 Jan 21 Jan 20 Jan 19 Jan 18 Jan 17 Jan 16 Jan 15 Jan 14 Jan 13 Jan 12 Jan 11 Jan 10 Jan 9 Jan 8 Jan 7 Jan 6 Jan 5 Jan 4 Jan 3 Jan 2 Jan 1 Dec 31 Dec 30 Dec 29 Dec 28 Dec 27 Dec 26 Dec 25 Dec 24
Windows 211 263 347 365 410 398 401 271 235 335 385 378 385 374 266 279 345 403 429 400 444 240 244 338 353 382 407 398 210 217 309 329 372 418 367 82 79 88 156 270 272 339 184 171 203 242
OS X 155 163 295 317 348 369 411 180 183 294 327 356 313 335 180 187 269 296 335 384 331 180 156 296 331 297 350 370 168 176 282 336 348 394 374 75 54 58 149 205 244 213 133 128 130 170
Linux 71 91 98 139 108 117 117 86 70 93 112 112 120 109 82 99 94 119 115 103 116 74 61 111 94 131 115 119 72 67 103 107 129 138 114 26 22 29 69 84 91 97 57 51 69 68

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.