SCSS Filetype

SCSS is an extension over CSS, that can be compiled down to plain CSS.

Add this to the filetype_extensions.conf file (… means existing data):

[Extensions]
...
SCSS=*.scss
...
 
[Groups]
...
Markup=SCSS
...

And create a new filedef named filetypes.SCSS.conf with the following contents:

filetypes.SCSS.conf

[styling=CSS]
[keywords=CSS]
 
[lexer_properties=CSS]
lexer.css.scss.language=1
 
[settings=CSS]
lexer_filetype=CSS
tag_parser=CSS
extension=scss
 
# SCSS has single-line comments in addition to CSS multi-line ones
comment_single=//
 
[build_settings]
# %f will be replaced by the complete filename
# %e will be replaced by the filename without extension
# (use only one of it at one time)
compiler=sass -c "%f"
linker=sass --style expanded "%f" "%e.dev.css"