cycat-project-website/_sass/components/_hamburger.scss

28 lines
457 B
SCSS

.hamburger {
padding: 10px 0 10px 10px;
outline: none;
z-index: 30;
cursor: pointer;
@include media-breakpoint-up(md) {
display: none;
}
&:focus {
outline: none;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
background: $primary;
}
.hamburger-inner::after {
width: 18px;
right: 0;
}
&.is-active {
.hamburger-inner::after {
width: inherit;
right: unset;
}
}
}