static/less/mixins.less
// *-----------------------------------------------------------------------------------*
// * Mixins */
// *-----------------------------------------------------------------------------------*
.bottom_border() {
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05) 0%, rgba(0,0,0,0) 25px, rgba(0,0,0,0) 100%); 
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 30px, rgba(0,0,0,0) 100%); 
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 30px, rgba(0,0,0,0) 100%); 
	background-image: linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 30px, rgba(0,0,0,0) 100%); 
	-webkit-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0,0,0, 0.1) inset;
	-moz-moz-box-shadow: 	0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0,0,0, 0.1) inset;
	-ms-moz-box-shadow: 	0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0,0,0, 0.1) inset;
	-o-moz-box-shadow: 		0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0,0,0, 0.1) inset;
	box-shadow: 			0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0,0,0, 0.1) inset;
}
.bg_size_cover() {
	-webkit-background-size: 	cover !important;
	-moz-background-size: 		cover !important;
	-o-background-size: 		cover !important;
	background-size: 			cover !important;
}
.border-radius(@radius: 5px) {
	-webkit-border-radius: @radius;
	   -moz-border-radius: @radius;
	        border-radius: @radius;
}
.transition(@type: all 0.3s ease-out) {
	-webkit-transition: @type;
	   -moz-transition: @type;
	     -o-transition: @type;
	     	transition: @type;
}
.transition-duration(@type: 0.4s) {
	-webkit-transition-duration: @type;
	   -moz-transition-duration: @type;
	     -o-transition-duration: @type;
	    -ms-transition-duration: @type;
	        transition-duration: @type;
}
.transition-property(@type: background-color) {
	-webkit-transition-property: @type;
	   -moz-transition-property: @type;
	     -o-transition-property: @type;
	    -ms-transition-property: @type;
	        transition-property: @type;
}
.box-shadow(@shadow: 0 0 5px #000) {
	-webkit-box-shadow: @shadow;
	   -moz-box-shadow: @shadow;
	    -ms-box-shadow: @shadow;
	     -o-box-shadow: @shadow;
	        box-shadow: @shadow;
}
.box-sizing(@type: border-box) {
	-webkit-box-sizing: @type;
	   -moz-box-sizing: @type;
	    -ms-box-sizing: @type;
	     -o-box-sizing: @type;
	        box-sizing: @type;
}