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
  • 7 months ago
  • 1 hour ago
  • 6 years ago

Installs

  • Total 947K
  • Win 437K
  • OS X 368K
  • Linux 141K
Aug 20 Aug 19 Aug 18 Aug 17 Aug 16 Aug 15 Aug 14 Aug 13 Aug 12 Aug 11 Aug 10 Aug 9 Aug 8 Aug 7 Aug 6 Aug 5 Aug 4 Aug 3 Aug 2 Aug 1 Jul 31 Jul 30 Jul 29 Jul 28 Jul 27 Jul 26 Jul 25 Jul 24 Jul 23 Jul 22 Jul 21 Jul 20 Jul 19 Jul 18 Jul 17 Jul 16 Jul 15 Jul 14 Jul 13 Jul 12 Jul 11 Jul 10 Jul 9 Jul 8 Jul 7 Jul 6
Windows 37 222 214 261 319 330 335 333 173 213 258 317 339 341 339 213 199 301 291 356 328 308 183 188 320 354 350 323 345 220 246 318 358 363 415 349 246 224 370 338 377 376 347 199 199 299
OS X 6 76 92 141 156 181 138 177 83 91 147 175 157 197 188 71 93 157 166 200 158 185 79 89 148 182 166 189 150 84 101 134 176 171 186 153 64 70 151 161 157 183 179 68 64 156
Linux 4 48 60 77 81 81 96 85 55 48 76 77 101 99 84 60 68 79 89 82 72 97 58 50 89 86 81 80 94 58 62 81 64 94 82 77 55 56 70 81 89 94 89 44 58 71

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