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 weeks ago
  • 45 minutes ago
  • 6 years ago

Installs

  • Total 869K
  • Win 391K
  • OS X 347K
  • Linux 130K
Feb 20 Feb 19 Feb 18 Feb 17 Feb 16 Feb 15 Feb 14 Feb 13 Feb 12 Feb 11 Feb 10 Feb 9 Feb 8 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
Windows 96 416 316 311 403 439 471 442 470 265 333 423 451 460 418 483 327 287 416 544 521 624 487 295 287 405 382 445 421 438 313 279 360 412 452 525 342 268 286 403 381 394 494 454 271 260
OS X 49 238 95 125 194 227 239 215 257 127 148 218 254 248 270 267 147 125 279 299 315 324 242 120 129 204 226 250 229 232 133 106 200 272 248 264 179 129 137 199 210 253 251 265 110 149
Linux 29 112 88 78 94 91 93 82 117 71 64 90 99 110 105 128 73 84 91 96 117 112 103 70 65 75 98 116 110 99 72 72 80 102 109 101 79 62 41 95 93 102 107 88 58 60

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