LESS – CSS Syntax Highlighting in Panic Coda

To turn on syntax highlighting when working with LESS files in Panic’s Coda (I’ve not upgraded to 2 yet):

  1. Preferences
  2. Editor
  3. Near bottom of that dialogue window, under Custom Syntax Modes: , press the +
  4. Type “less” for the extension
  5. For the Syntax Mode, pull down and select CSS.
  6. Press Okay.
  7. Close Preferences
  8. Re-open your LESS files. After opening, they should be highlighted like CSS files.

That’s it.

Many thanks to Bucsa Silviu for his tip!

Screenshots

coda-custom-syntax-modes

coda-extension-less

 

One thought on “LESS – CSS Syntax Highlighting in Panic Coda

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s