Mixins

• Mixins.less

Flex

.flex-basis(@width:auto) {
	-ms-flex-preferred-size:@width;
	-webkit-flex-basis:@width;
	-moz-flex-basis:@width;
	-ms-flex-basis:@width;
	flex-basis:@width;
}
.flex-grow(@grow:1) {
	-webkit-flex-grow:@grow;
	-moz-flex-grow:@grow;
	-ms-flex-grow:@grow;
	flex-grow:@grow;
}
.flex-shrink(@shrink:1) {
	-webkit-flex-shrink:@shrink;
	-moz-flex-shrink:@shrink;
	-ms-flex-shrink:@shrink;
	flex-shrink:@shrink;
}
.flex-fixed(@width:auto) {
	-ms-flex:0 0 @width;
	.flex-basis(@width);
	.flex-grow(0);
	.flex-shrink(0);
	width:@width;
}

Transition

.transition (@tranwhich:all, @trantime:.1s, @trantype:ease) {
	transition:@tranwhich @trantime @trantype;
	-moz-transition:@tranwhich @trantime @trantype;
	-ms-transition:@tranwhich @trantime @trantype;
	-o-transition:@tranwhich @trantime @trantype;
}

Transform

.transform(@string){
	transform:@string;
	-webkit-transform:@string;
	-moz-transform:@string;
	-ms-transform:@string;
	-o-transform:@string;
}
.transform-origin (@x:center, @y:center) {
	transform-origin:@x @y;
	-webkit-transform-origin:@x @y;
	-moz-transform-origin:@x @y;
	-ms-transform-origin:@x @y;
	-o-transform-origin:@x @y;
}

Translate

.translate (@x, @y:0) {
	-webkit-transform:translate(@x, @y);
	-moz-transform:translate(@x, @y);
	-ms-transform:translate(@x, @y);
	-o-transform:translate(@x, @y);
}

Rotate

.rotate(@degree){
	transform:rotate(@degree);
	-ms-transform:rotate(@degree);
	-webkit-transform:rotate(@degree);
}

Gradient

.gradient (@direction:top, @startColor:#eee, @endColor:white) {
	background-color:@startColor;
	background:-webkit-linear-gradient(@direction, @startColor, @endColor);
	background:-moz-linear-gradient(@direction, @startColor, @endColor);
	background:-ms-linear-gradient(@direction, @startColor, @endColor);
	background:-o-linear-gradient(@direction, @startColor, @endColor);
}

Box Sizing

.boxsizing{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.contentsizing{
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}