LESS Syntax Highlighting in Coda

UPDATE: Over at http://goo.gl/sn74C, someone has created a plugin for LESS in Coda that has more features than mine. I haven’t checked it out yet but it looks promising.

First of all, LESS is insanely awesome to use on large sites that require thousands of lines of css. I’ll let a snippet from their site explain it a little better.

LESS extends CSS with: variables, mixins, operations and nested rules. Best of all, LESS uses existing CSS syntax. This means you can rename your current .css files to .less and they’ll just work.

So back to the syntax highlighting. I wanted to use LESS in Coda and have all the CSS syntax highlighting to work correctly. After a little Google searching I found the easiest solution was just to copy the “CSS Mode” out of the actual app and rename it so it works for LESS.

So in an effort make my life easier and hopefully yours I am hosting it up here for download.

LESS Syntax Highlighting for Coda Version 1.0 (Just fixed it so it doesn’t overwrite the CSS in the syntax option menu)


Just download the zip, unzip it, and copy the “Less.mode” folder to /Users/YOURUSERNAME/Library/Application Support/Coda/Modes.