• This repository has been archived on 01/Apr/2020
  • Stars
    star
    288
  • Rank 143,818 (Top 3 %)
  • Language
    CSS
  • License
    MIT License
  • Created over 11 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

More Repositories

1

3-Jekyll

This repo is no longer maintained.
JavaScript
406
star
2

3-Ghost

This repo is no longer maintained.
CSS
104
star
3

Rebar

Rebar makes responsive development more efficient and keeps CSS organised.
CSS
86
star
4

Emmet-Css-Snippets-for-Sublime-Text-2

Emmet CSS completions for Sublime Text
81
star
5

Syntax-highlighting-for-Swift

This repo is no longer maintained.
43
star
6

Jade-Snippets-for-Sublime-Text-2

Jade Snippets for Sublime Text 2
30
star
7

Syntax-highlighting-for-JavaScript

An alternative JavaScript syntax highlighting package for Sublime Text
29
star
8

Jekyll-Alfred-Extensions

Three Alfred 2 workflows for Jekyll: Create new Jekyll post, Generate Jekyll site, and Push Jekyll to Github
17
star
9

nextjs-with-scss

Next.js works with external SCSS files
JavaScript
15
star
10

gatsby-netlify-i18n-workaround

A multilingual workaround for Netlify CMS with Gatsby.
JavaScript
12
star
11

emmet2-mode

An Emmet-enhanced minor mode for Emacs.
TypeScript
11
star
12

re-frame-template

Clojure
8
star
13

V2EX_Mate

JavaScript
7
star
14

Atom-Syntax-highlighting-for-Sass

This repo is no longer maintained.
CoffeeScript
6
star
15

Blank-Color-Scheme

Blank Color Scheme is a framework for easily and rapidly creating a new color scheme for Textmate / Sublime Text 2.
4
star
16

emacs.d

My Personal Emacs Configuration
Emacs Lisp
4
star
17

nextjs-template

JavaScript
3
star
18

postcss-sorting.el

Emacs plugin to sort CSS rules content with specified order. Powered by the npm postcss-sorting package.
Emacs Lisp
3
star
19

lambda-sass

Implement functional programming in Sass.
SCSS
3
star
20

stylelint-config-scss

An opinionated stylelint configurations set.
JavaScript
1
star
21

Stylus-Snippets

1
star