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

To enable SCSS syntax highlighting:

• In Notepad++, Go to the

  Language

  menu and select

  User Defined Dialog...

• On the window that opens click on the

  Import

  button and select the XML file from this repository
• Restart Notepad++, select CSS sintax for your .scss files.
• 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