Heavily edited version of less style sheet used in a project.

styles.less

/*style sheet for global styles and layout blocks*/

//Vars
//Colours
@text-gray: #808080;
@border-red: #ec1b34;
@border-gray: #dedede;


//Mixins
.rounded-corners (@radius: 5px) {
    border-radius: @radius;
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
}
  
.box-shadow (@x: 0, @y: 0, @blur: 1px, @spread: 0px, @color: #000) {
    box-shadow: @arguments;
    -moz-box-shadow: @arguments;
    -webkit-box-shadow: @arguments;
}

.opacity(@op:100){
	filter:alpha(opacity=@op);
	-moz-opacity:@op/100;
	-khtml-opacity:@op/100;
	opacity:@op/100;
}

/*Lift box shadow style here!*/

.testbox {
    #shadow > .lifted();
    background-color: red;
}


//Footer style
#footer {
    background: #fff;
    .box-shadow(0px, 0px, 15px, 0px, #909798);
    .central_content {
        height: 41px;
    }
}

@import "about";
@import "statistics";
@import "widgets";
@import "shadows";