The dynamic stylesheet language.
LESS extends CSS with dynamic behavior such as
variables, mixins,
operations and functions. LESS runs on both the client-side (Chrome, Safari, Firefox) and
server-side, with Node.js and Rhino.
Variables
Variables allow you to specify widely used values in a single place, and then re-use them throughout the style sheet,
making global changes as easy as changing one line of code.
@color: #4D926F;
#header {
color: @color;
}
h2 {
color: @color;
}
Mixins
Mixins allow you to embed all the properties of a class into another class by
simply including the class name as one of its properties. It’s just like variables,
but for whole classes. Mixins can also behave like functions, and take arguments,
as seen in the example bellow.
.rounded-corners (@radius: 5px) {
border-radius: @radius;
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
}
#header {
.rounded-corners;
}
#footer {
.rounded-corners(10px);
}
Read more at : http://lesscss.org/
