59 lines
982 B
SCSS
59 lines
982 B
SCSS
.navbar {
|
|
z-index: 1040;
|
|
background-image: none;
|
|
|
|
.nav-link {
|
|
white-space: nowrap;
|
|
|
|
&:hover {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
// Make dropdown menus auto drop
|
|
.dropdown {
|
|
.dropdown-menu {
|
|
// z-index: 10000;
|
|
display: none;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
// transition: all .15s linear;
|
|
// animation: disappear 0.15s linear;
|
|
}
|
|
|
|
&:hover {
|
|
.dropdown-menu {
|
|
pointer-events: auto;
|
|
display: block;
|
|
opacity: 1;
|
|
// transition: all .15s linear;
|
|
animation: appear 0.15s linear;
|
|
}
|
|
}
|
|
|
|
@keyframes appear {
|
|
0% {
|
|
display: block;
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
display: block;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/*@keyframes disappear {
|
|
0% {
|
|
opacity: 1;
|
|
display: block;
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
display: none;
|
|
transform: scale(0);
|
|
}
|
|
}*/
|
|
}
|
|
}
|