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

28 lines
457 B
SCSS
Raw Normal View History

2018-12-09 08:21:01 +01:00
.hamburger {
2020-08-23 12:01:06 +02:00
padding: 10px 0 10px 10px;
2018-12-09 08:21:01 +01:00
outline: none;
2020-08-23 12:01:06 +02:00
z-index: 30;
2018-12-09 08:21:01 +01:00
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;
}
}
}