CSS only no extra element burger

burger.scss

	/* hamburger */
			&:after, &:before {
				content: "";
				position: absolute;
				right: 0;
				top: 50%;
				width: $menuUnit * 6;
				background: $white;
				height: $menuUnit;

				transform-origin: 50% 50%;
				transform: translateY(-50%);
				
				transition: all 0.2s ease;
			}

			&:before {
				box-shadow: 0 (-$menuUnit * 2) 0 0 $white, 0 ($menuUnit * 2) 0 0 $white;
			}

		}

		.expanded &:after {
			transform: translateY(-1px) rotate(-45deg) scaleX(1.3);
		}
		
		.expanded &:before {
			transform: translateY(-1px) rotate(45deg) scaleX(1.3);;
			box-shadow: none;
		}