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)
Installation:
Just download the zip, unzip it, and copy the “Less.mode” folder to /Users/YOURUSERNAME/Library/Application Support/Coda/Modes.
This entry was posted in Web and tagged Coda, CSS, LESS by Chris. Bookmark the permalink.









Sweet, but there’s even a better one that allows syntax highlighting for the LESS variable too: http://goo.gl/sn74C
That’s pretty cool. I’ll have to update the post. Thanks
Thanks Christopher!! You just glade me the day…
Do you still have the other version? It turns out the guy over at the google group does no longer provide his plugin. I wonder if you could share it here?!
Found a solution for this problem!
I’ve searched a lot for a plugin or something similar, but ultimately the most eficient and easy solution was right under my nose. It works for me
I’m using the default CSS coloring mode for less files. I’ve added it from:
Preferences -> Editor -> Bottom screen – Custom Syntax Mode: .less extension – Syntax Mode: CSS
Hope it helps! Have fun!
Christoph, I’ll see if I still have it, its been a while since I’ve used coda.
Bucsa, thanks for the solution. I’ll add it to the post when I have a couple minutes.
Bucsa Silviu – thanks for posting this solution i’ve been searching for a soluton for this all morning!!
Cheers
Thanks a lot for it
Works perfectly … I started using LESS yesterday and Im preparing all the stuff to go deeper on it!
thanks again!
Thanks for the post man! This is an eye-saver.
Sweet! Thank you.