Commit 6fd90664 authored by Michael Iseard's avatar Michael Iseard
Browse files

Fix mobile menu

parent 540ee38e
/* DASHBOARD NAV-BAR
============================= */
.nav {
.nav-item {
position: relative;
&::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100px;
height: 3px;
}
&.active::before {
content: "";
background: $white;
}
}
}
body.home {
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
background: $white !important;
}
}
.hamburger-nav {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
font-size: 1.5em;
}
.hamburger-close .fa-times {
cursor: pointer;
}
.hamburger-content {
width: 100%;
opacity: 0;
pointer-events: none;
transition: opacity 300ms, right 300ms;
position: fixed;
right: -100%;
top: 0;
height: 100%;
background: theme-color("primary");
display: flex;
flex-flow: column;
justify-content: flex-start;
z-index: 1;
.nav {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
font-size: 1.5em;
a {
color: $white;
}
header.banner {
transition: background-color 0.4s ease;
background-color: transparent;
z-index: 4;
opacity: 0.9;
.menu-item a {
color: $light;
}
}
/* HEAD NAV-BAR
============================= */
#user-nav .dropdown-menu > a {
color: $black;
}
button.hamburger {
display: inline-block;
&.is-active + .hamburger-content {
&.open {
background-color: var(--kudos-page-theme);
opacity: 1;
right: 0;
pointer-events: auto;
}
}
.brand {
img {
transition: transform 0.6s ease;
}
.hidden-logo {
overflow: hidden;
.navbar-brand {
img {
transition: transform 0.6s ease;
transform: translateX(-100%);
}
&:hover img {
transform: rotate(-90deg);
}
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment