@mixin view($width: 100%, $height: 100%) {
	width: $width;
	height: $height;
}

@mixin line-clamp($clamp: 2) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: $clamp;
	overflow: hidden;
}

@mixin border($type, $color) {
	border-#{$type}: 1px solid $color;
}

@mixin btnCircle($scale: 1) {
	width: 40px*$scale;
	height: 40px*$scale;
	padding: 0;
	border-radius: 50%;
}

@mixin btnSize($scale: 1, $size: 12px) {
	padding: 4px*$scale 6px*$scale;
	font-size: $size;
}

@mixin position($static, $index, $vertical, $y, $horizontal, $x) {
	position: $static;
	z-index: $index;
	#{$vertical}: $y;
	#{$horizontal}: $x;
}

@mixin rgba($color, $opacity) {
	background-color: rgba($color, $opacity);
}

@mixin animation($name, $duration: 1s) {
	-webkit-animation: $name $duration;
	animation: $name $duration;
}