Syntax Highlighting for Sass
A Sublime Text 3 package for highlighting both Sass and SCSS syntax.
Details
Installs
- Total 22K
- Win 12K
- Mac 7K
- Linux 2K
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 | Mar 11 | Mar 10 | Mar 9 | Mar 8 | Mar 7 | Mar 6 | Mar 5 | Mar 4 | Mar 3 | Mar 2 | Mar 1 | Feb 28 | Feb 27 | Feb 26 | Feb 25 | Feb 24 | Feb 23 | Feb 22 | Feb 21 | Feb 20 | Feb 19 | Feb 18 | Feb 17 | Feb 16 | Feb 15 | Feb 14 | Feb 13 | Feb 12 | Feb 11 | Feb 10 | Feb 9 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 3 | 2 | 2 | 3 | 2 | 4 | 2 | 3 | 2 | 2 | 2 | 4 | 5 | 3 | 1 | 1 | 2 | 1 | 1 | 3 | 1 | 3 | 1 | 2 | 3 | 1 | 1 | 0 | 0 | 3 | 5 | 2 | 4 | 1 | 1 | 3 | 5 | 2 | 3 | 3 | 2 | 1 | 1 | 3 | 2 |
Mac | 0 | 3 | 1 | 3 | 1 | 3 | 1 | 1 | 1 | 4 | 1 | 2 | 2 | 4 | 0 | 4 | 1 | 2 | 1 | 4 | 1 | 2 | 1 | 1 | 2 | 3 | 0 | 3 | 1 | 1 | 1 | 1 | 1 | 0 | 8 | 0 | 0 | 0 | 6 | 5 | 3 | 0 | 2 | 2 | 1 | 4 |
Linux | 0 | 2 | 0 | 2 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 2 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 2 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 1 |
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:
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.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