discourse/app/assets/stylesheets/desktop/header.scss
Jarek Radosz ea326906e3
DEV: Use css var font sizes (#18518)
For consistency and and the ability to change all font sizes at once in the dev tools
2022-10-12 15:31:59 +02:00

43 lines
771 B
SCSS

// --------------------------------------------------
// Discourse header
// --------------------------------------------------
.d-header {
left: 0;
height: 4em;
#site-logo {
height: 2.667em; // 40px with default 15px font size
}
#site-text-logo {
font-size: var(--font-up-3);
}
.extra-info {
&:not(.two-rows) {
.header-title {
margin-bottom: 0;
}
}
}
}
@media all and (max-width: 570px) {
.extra-info-wrapper {
display: none;
}
}
#main {
position: relative;
}
.search-link .blurb {
color: var(--secondary-medium);
display: block;
word-wrap: break-word;
font-size: var(--font-down-2);
line-height: $line-height-large;
.search-highlight {
color: var(--primary-high-or-secondary-low);
}
}