
// mixins

// for link
@mixin dz($time:0.25s){
    -webkit-transition: all $time ease-in-out;
    transition: all $time ease-in-out;
}
// text shadow
@mixin ts($s1:1px,$s2:1px,$color:$cff){
	text-shadow:
	$s1 $s1 $s2 $color,
	-$s1 $s1 $s2 $color,
	$s1 (-$s1) $s2 $color,
	-$s1 (-$s1) $s2 $color;
}
// 
@mixin jb($color1:#000,$color2:#fff,$deg:0){
	background-image:-webkit-linear-gradient($deg+deg, $color2, $color1);
	background-image:linear-gradient($deg+deg, $color2, $color1);
}
// rotate
@mixin xz($deg:360){
    -webkit-transform:rotate($deg+deg);
	transform:rotate($deg+deg);
}
// rotate and zoom
@mixin xzfd($deg:360,$s1:1.2){
	-webkit-transform:rotate($deg+deg) scale($s1);
	transform:rotate($deg+deg) scale($s1);
}
// zoom
@mixin fd($s1:1.2){
	-webkit-transform:scale($s1);
	transform:scale($s1);
}
// move
@mixin yd($s1:0,$s2:0){
	-webkit-transform:translate($s1,$s2);
	transform:translate($s1,$s2);
} 
// no select
@mixin ns{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
// one line text for ...
@mixin oneline($s1) {
	overflow: hidden;
	line-height: $s1;
	height: $s1;
	white-space: nowrap;
	text-overflow: ellipsis;
}
// calc
@mixin calc($property, $expression) { 
	#{$property}: -webkit-calc(#{$expression}); 
	#{$property}: calc(#{$expression}); 
}
// 
@mixin hlh($s1) {
	height: $s1;
	line-height: $s1;
	overflow: hidden;
}
