@mixin border-1px($color) {
	position: relative;
	&::after {
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background-color: $color;
		content: "";
		transform: scale(1, 0.5);
		@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3dppx) {
			transform: scale(1, 0.33);
		}
	}
}

@mixin bg-image($url) {
	background-image: url($url + "@2x.png");
	@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3dppx) {
		background-image: url($url + "@3x.png");
	}
}
