Creating a color scheme

Creating a color scheme is both an art and a science.  There are places online that suggest color schemes like Adobe Kuler.  But what if you wanted to create your own color scheme?  Well, using LESS – it’s straightforward. Complementary @base: #663333; @complement1: spin(@base, 180); @complement2: darken(spin(@base, 180), 5%); @lighten1: lighten(@base, 15%); @lighten2: lighten(@base, 30%);…

Escaping LESS parameters

For example purposes, here is a LESS mixin that looks something like this: .make-blue( @selector ) { @(selector) { background: blue; } }   To call it, I originally did something like this: .make-blue( ‘div’ );   That produced output like this: ‘div’ { background: blue; }   Clearly, that is not precisely what I…

Using LESS in Eclipse

If you are trying to use LESS files in Eclipse, you will notice that those files are viewed as plain text – no indenting, no color-coding, no outlining, etc.  If you want to fix this up so that these LESS files behave like CSS files, do the following: Install XText (this is a pre-requisite for…