marvinlabs / notepad-plus-plus-scss-syntax-highlighting

marvinlabs

Add some syntax highlighting with the default CSS settings provided by Notepad++

129 Stars 58 Forks Last release: Not found 10 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Readme

We recently started to use SASS / SCSS to code our stylesheets. We were missing some proper syntax highlighting with the default CSS settings provided by Notepad++. After some research, we found a good base on Wouter Beugelsdijk's techblog but we were still not quite happy with it.

How to use

Name: notepad-plus-plus-scss-syntax-highlighting
Brand: notepad-plus-plus-scss-syntax-highlighting
SKU: //marvinlabs/notepad-plus-plus-scss-syntax-highlighting
Rating: 2.0725 (129 reviews)

To enable SCSS syntax highlighting:

In Notepad++, pick the
```
User Defined Dialog...
```
item from the
```
Language
```
menu.
Click on the import button and simply select the XML file located in our ZIP file
That's it, all your files with the .scss extension should now be highlighted

To enable autocomplete:

go to your Notepad++ folder then to
```
/plugins/APIs/
```
duplicate the
```
css.xml
```
and rename this file to
```
SCSS-Light.xml
```
or
```
SCSS-Dark.xml
```

Our modifications

version 1.0

Highlighting for HTML tags
Changed some colors
Added syntax coloring for important comments starting with /*! instead of just /*
Added syntax coloring for partial css keywords used while using nested properties

notepad-plus-plus-scss-syntax-highlighting