// border 1px
@mixin h-1px($color, $direction) {
	content: "";
	position: absolute;
	color: $color;

	@if $direction==left {
		left: 0;
		top: 0;
		width: 1px;
		bottom: 0;
		border-left: 1px solid $color;
		transform-origin: 0 0;
		transform: scaleX(0.5);
	}

	@if $direction==right {
		right: 0;
		top: 0;
		width: 1px;
		bottom: 0;
		border-right: 1px solid $color;
		transform-origin: 100% 0;
		transform: scaleX(0.5);
	}

	@if $direction==bottom {
		left: 0;
		bottom: 0;
		right: 0;
		height: 1px;
		border-bottom: 1px solid $color;
		transform-origin: 0 100%;
		transform: scaleY(0.5);
	}

	@if $direction==top {
		left: 0;
		top: 0;
		right: 0;
		height: 1px;
		border-top: 1px solid $color;
		transform-origin: 0 0;
		transform: scaleY(0.5);
	}
}

@mixin h-all-1px($color, $radius) {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 200%;
	border: 1px solid $color;
	border-radius: $radius;
	color: $color;
	height: 200%;
	transform-origin: left top;
	transform: scale(0.5);
}

// 箭头
@mixin arrow($w: 10px, $color: #000, $dir: left) {
	width: 0;
	font-size: 0;
	border: $w solid transparent;
	border-#{$dir}-color: $color;
}