Add some syntax highlighting with the default CSS settings provided by Notepad++
Switch branches/tags
Nothing to show
Clone or download
Latest commit 4a3121c Jul 9, 2014

README.md

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++, 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