Hambuerger Toggle Button

hamburgerButton.scss

@mixin fade($fadeValue: color) {
  transition: $fadeValue 0.3s linear;
   -webkit-transition: $fadeValue 0.3s linear;
   -moz-transition: $fadeValue 0.3s linear;
}

$hamburgerLineSize: 5px;
$hamburgBtnSize: 20px;

.mmenuToggle {
	@include smUp {
		display: none;
	}
	@include fade(opacity);
	&:hover {
		opacity: 0.5;
	}
	position: absolute;
	left: 10px;
	top: 10px;
	width: $hamburgBtnSize;
	height: $hamburgBtnSize;
	border-top: solid $hamburgerLineSize $txtColor;
	&:before, &:after {
		content: "";
		border-top: solid $hamburgerLineSize $txtColor;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	&:before {
		top: $hamburgerLineSize;
  }
  &:after {
		top: $hamburgerLineSize;
  }
}
#mobileMenu:not( .mm-menu ) {
   display: none;
}