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%);…
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…
Recently, I gave up on using Eclipse in favor of NetBeans. I had also considered Visual Studio for my Windows machine, but NetBeans was easy to setup a project that did not get in the way of the folder hierarchy and worked well with my local WAMP setup. As I started to develop a WordPress-friendly…
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…