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

Sass

by P233 ST2/ST3 Top 25

A Sublime Text 3 package for highlighting both Sass and SCSS syntax.

Details

  • 2014.08.12.11.09.22
    1.2.4
  • github.​com
  • github.​com
  • 3 months ago
  • 47 minutes ago
  • 6 years ago

Installs

  • Total 900K
  • Win 410K
  • OS X 356K
  • Linux 134K
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 Mar 20 Mar 19 Mar 18 Mar 17 Mar 16 Mar 15 Mar 14 Mar 13 Mar 12
Windows 331 357 419 401 251 300 367 455 472 411 485 262 262 366 417 415 396 415 285 293 341 402 396 401 409 241 276 358 361 460 415 473 259 335 404 481 437 411 465 304 298 413 447 442 481 450
OS X 161 193 245 229 84 103 168 224 198 223 230 95 118 173 190 219 219 243 119 97 154 186 229 229 198 87 92 143 160 206 221 223 95 99 176 238 204 236 228 95 121 196 224 233 235 246
Linux 59 96 90 76 61 54 70 82 72 83 91 55 54 80 99 107 79 94 55 55 76 59 94 127 81 66 82 79 93 88 83 87 68 63 77 90 97 90 99 74 78 97 104 105 98 83

Readme

Source
raw.​githubusercontent.​com

Syntax Highlighting for Sass

This is a Sublime Text 3 package which purely forced on highlighting both Sass and SCSS syntax as accuracy as possible. Please make sure your Sublime Text 3 version is above Build 3103.

This package has taken over the package name “Sass”, please search keyword “sass” from Package Control to install this package.

Known issues:

  1. If you updated this package from the original Sass package you might notice SCSS files are highlighted with the Sass syntax, to solve this issue, please open any .scss file and reset its highlighting syntax with the “Open all with current extension as…” option.

  2. If you need the Emmet CSS abbreviation popup window to work well with the Sass syntax, you probably need to add the following code to your Emmet settings file.

{
      "css_completions_scope": "source.scss - comment - variable - keyword.control - entity.other, source.sass - comment - variable - keyword.control - entity.other",
  }

New Features

  • Added support for CSS4 variables
  • Enhanced Sass map highlighting
  • Enhanced CSS functions and Sass functions highlighting
  • Enhanced Sass mixin/function name highlighting and their “Goto Definition” support
  • Removed built-in completions

Scopes list

Here is a list of which syntax part is capable to highlight and its scope name. All scope names are following the suggestions of https://www.sublimetext.com/docs/3/scope_naming.html. If any part from the list down below is not highlighted as expected with your current color scheme, please try to contact the color scheme author to add support for the corresponding scope or modify the color scheme by yourself. Learn more about “color schemes” please take a look at https://www.sublimetext.com/docs/3/color_schemes.html.

Element Scope
Block Comment comment.block.css.sass
Sass Line Comment comment.line.sass
CSS4 Variable variable.parameter.sass
Sass Variable variable.parameter.sass
At-rule, Sass Directive, Directive Shorthand keyword.control.at-rule.css.sass
Type Selector, Universal Selector entity.name.tag.css.sass
Id Selector entity.other.attribute-name.id.css.sass
Class Selector, Sass Placeholder Selector entity.other.attribute-name.class.css.sass
Attribute Selector entity.other.attribute-name.css.sass
Attribute Selector RegEx keyword.operator.attribute-selector.css.sass
Pseudo Class, Pseudo Element entity.other.pseudo-class.css.sass
Property Name support.type.property-name.css.sass
Property Value support.constant.property-value.css.sass
Quoted String string.quoted.css.sass
Numeric constant.numeric.css.sass
Unit keyword.other.unit.css.sass
Rgb Color constant.other.color.rgb-valueb.css.sass
Sass Parent Selector keyword.other.parent-selector.sass
Sass Operator keyword.operator.css.sass
Sass Mixin and Function Definition entity.name.function.sass
Sass Mixin and Function Calling Name support.function.sass
Sass Interpolation keyword.control.interpolation.sass
Sass Flag keyword.other.important.css.sass
Sass Reserved Word keyword.other.reserved.sass
Sass Indented Syntax Semicolon invalid
Sass Indented Syntax Curly Brackets invalid

License

MIT License