Иконка humburger

humburger

/** ===== Humburger ===== **/
.hamburger {
	display: block;
	text-decoration: none;
	position: relative;
	outline: none;
	transition: transform .3s ease;
	height: 20px;
	width: 30px;
	z-index: 10;

	&::before, &::after, > span {
		background: $blue;
		content: "";
		display: block;
		transition: transform .3s ease;
		position: absolute;
		left: 0;
		height: 3px;
		width: 100%;
	}

	&::before {
		top: 0
	}

	& span {
		top: 50%;
		transform: translateY(-50%);
	}

	&::after {
		bottom: 0
	}

	&.open {
		transition: transform .3s ease;
	}

	&.open span {
		left: -50px;
		opacity: 0;
	}

	&.open::after {
		transform: rotate(-45deg);
	}

	&.open::before {
		transform: rotate(45deg);
	}

	&.open::before, &.open::after {
		top: 7px
	}

}