56 lines
639 B
SCSS
56 lines
639 B
SCSS
|
|
#header-container {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 4;
|
|
}
|
|
|
|
#header {
|
|
z-index: 5;
|
|
}
|
|
|
|
h2.nav-item {
|
|
font-size: 150%;
|
|
color: $orange;
|
|
}
|
|
|
|
#notifload {
|
|
width: 42px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
opacity: 0;
|
|
transition: opacity .5s ease;
|
|
|
|
&::before {
|
|
content: " ";
|
|
@include spinner($orange,0.5s,24px);
|
|
}
|
|
|
|
&.active {
|
|
opacity: 1;
|
|
}
|
|
|
|
}
|
|
|
|
#search-input {
|
|
max-width: 300px;
|
|
width: 33vw;
|
|
}
|
|
|
|
.searchresults {
|
|
position: fixed;
|
|
top: 45px;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
width: 500px;
|
|
z-index: 1;
|
|
|
|
&.slideInDown {
|
|
@include prefix(animation-duration, .6s);
|
|
}
|
|
|
|
} |