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
  • 9 months ago
  • 21 minutes ago
  • 7 years ago

Installs

  • Total 971K
  • Win 451K
  • OS X 375K
  • Linux 145K
Oct 22 Oct 21 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
Windows 213 223 211 261 286 302 339 305 191 183 314 290 344 349 293 184 213 247 278 366 315 347 209 251 328 358 311 307 345 206 214 307 321 343 324 342 206 234 304 320 347 345 347 237 205 289
OS X 101 87 88 119 158 177 162 185 81 88 130 164 163 200 145 87 81 125 190 160 191 179 92 100 165 181 183 180 176 85 75 134 181 170 172 187 70 89 152 141 185 194 170 72 73 180
Linux 31 63 59 93 54 86 78 86 47 46 64 81 73 70 81 43 56 72 80 91 77 87 46 48 63 90 78 94 81 47 63 71 64 78 90 75 54 56 58 102 75 87 87 66 50 69

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