discourse/app/assets/stylesheets/desktop/header.scss

74 lines
1.2 KiB
SCSS

// --------------------------------------------------
// Discourse header
// --------------------------------------------------
.d-header {
left: 0;
z-index: 1000;
padding-top: 3px;
height: 60px;
.fa-home {
padding:8px;
font-size: 2.1em;
}
}
@media all
and (max-width : 570px) {
.extra-info-wrapper {display: none;}
}
#main {
position: relative;
}
#main-outlet {
padding-top: 82px;
}
// Dropdowns
// --------------------------------------------------
.d-dropdown {
width: 320px;
overflow: auto;
// Common
.heading {
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
}
// Categories
.btn {
padding: 2px 8px;
margin-bottom: 2px;
.fa {
margin-right: 5px;
}
}
}
.search-link .blurb {
color: dark-light-choose(scale-color($primary, $lightness: 45%), scale-color($secondary, $lightness: 55%));
display: block;
word-wrap: break-word;
font-size: 11px;
line-height: 1.3em;
.search-highlight {
color: dark-light-choose(scale-color($primary, $lightness: 25%), scale-color($secondary, $lightness: 75%));
}
}
.d-dropdown#search-dropdown {
width: 540px;
}
.d-dropdown .searching {
right: 30px;
}
#search-dropdown .results {
max-height: 500px;
}