less语法

@color: #4D926F;
#header {color: @color;}
h2 {color: @color;}

.rounded-corners (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
-ms-border-radius: @radius;
-o-border-radius: @radius;
border-radius: @radius;}
#header{.rounded-corners;}
#footer{.rounded-corners(10px);}

#header {
h1 {font-size: 26px;font-weight: bold;}
p {font-size: 12px;
a {text-decoration: none;
&:hover {border-width: 1px}
}
}
}

@the-border: 1px;
@base-color: #111;
@red: #842210;
#header {color: (@base-color * 3);border-left: @the-border;border-right: (@the-border * 2);}
#footer {color: (@base-color + #003300);border-color: desaturate(@red, 10%);}