
.borderRadiusTopLeft(@radius: 5px){
    -webkit-border-top-left-radius: @radius;
    -moz-border-radius-topleft: @radius;
    border-top-left-radius: @radius;
}
.borderRadiusTopRight(@radius: 5px){
    -webkit-border-top-right-radius: @radius;
    -moz-border-radius-topright: @radius;
    border-top-right-radius: @radius;
}
.borderRadiusBottomLeft(@radius: 5px){
    -webkit-border-bottom-left-radius: @radius;
    -moz-border-radius-bottomleft: @radius;
    border-bottom-left-radius: @radius;
}
.borderRadiusBottomRight(@radius: 5px){
    -webkit-border-bottom-right-radius: @radius;
    -moz-border-radius-bottomright: @radius;
    border-bottom-right-radius: @radius;
}
.borderRadius(@radius: 5px){
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    -ms-border-radius: @radius;
    -o-border-radius: @radius;
    border-radius: @radius;
}
.boxShadow(@distance_x: 0px, @distance_y: 1px, @blur: 17px, @spread: 0px, @red: 50, @green: 50, @blue: 50, @alpha: 0.89, @mode: inset){
    -webkit-box-shadow:  @distance_x @distance_y @blur @spread rgba(@red, @green, @blue, @alpha) @mode;
    -moz-box-shadow:     @distance_x @distance_y @blur @spread rgba(@red, @green, @blue, @alpha) @mode;
    box-shadow:          @distance_x @distance_y @blur @spread rgba(@red, @green, @blue, @alpha) @mode;
}

.gradient(@start: #7fbf4d, @end: #63a62f){
    background-color: @start;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @start), color-stop(100%, @end));
    background-image: -webkit-linear-gradient(top, @start, @end);
    background-image: -moz-linear-gradient(top, @start, @end);
    background-image: -ms-linear-gradient(top, @start, @end);
    background-image: -o-linear-gradient(top, @start, @end);
    background-image: linear-gradient(top, @start, @end);
}

/*
property > all|CSS property
timig_function > ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|initial|inherit
*/
.transition(@property,@duration: 0.2s,@timing_function: linear,@delay: 0s){
    -webkit-transition: @property @duration @timing_function @delay;
    -moz-transition: @property @duration @timing_function @delay;
    -o-transition: @property @duration @timing_function @delay;
    -ms-transition: @property @duration @timing_function @delay;
    transition: @property @duration @timing_function @delay;
}