less цветовые функции

less_functionColor.less

@color: #3d82d1;.left_box {
    background: spin(@color, 25%);
}
.middle_box {
    background: @color;
}
.right_box {
    background: spin(@color, -25%);
}

@color: #faa51a;
.button {
    background: -webkit-gradient(linear, left top, left bottom, from(@color + #151515), to(@color - #151515));
    background: -moz-linear-gradient(top,  @color + #151515,  @color - #151515);
}
//примеси
.radius(@radius:6px) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
}
.button(@radius:3px, @background: #e7ba64, @padding: 4px) {
    .radius(@radius);
    background:@background;
    border: 1px solid @background - #222;
    padding: @padding;
}
.read_more {
    .button(0px);
}