
LESS, extending the CSS language.
LESS was created in 2009 by Alexis Sellier, more commonly known as @cloudhead. Originally written in Ruby, it was then ported to JavaScript.
As an extension to CSS, LESS is not only backwards compatible with CSS, but the extra features it adds use existing CSS syntax.
Example:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
@base: #f938ab; .box-shadow(@style, @c) when (iscolor(@c)) { -webkit-box-shadow: @style @c; box-shadow: @style @c; } .box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) { .box-shadow(@style, rgba(0, 0, 0, @alpha)); } .box { color: saturate(@base, 5%); border-color: lighten(@base, 30%); div { .box-shadow(0 0 5px, 30%) } } |
1 2 3 4 5 6 7 8 |
.box { color: #fe33ac; border-color: #fdcdea; } .box div { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } |
LESS allows us to write less CSS by adding dynamic supports like functions, variables and mixins.
Thank you for reading and please leave a comment below.

Great article!
Thanks for the info!!!
I’d never heard of LESS before, thank you!
I agree! Very great article!
Thank you!