discourse/app/assets/stylesheets/desktop/header.scss
carson chang 4fad0b33eb
UX: Use breakpoint CSS variable instead of arbitrary 570px (#26945)
* Update header.scss

* Update discourse.scss
2024-05-09 09:16:24 -07:00

39 lines
696 B
SCSS

// --------------------------------------------------
// Discourse header
// --------------------------------------------------
.d-header {
height: 4em;
#site-text-logo {
font-size: var(--font-up-3);
}
.extra-info {
&:not(.two-rows) {
.header-title {
margin-bottom: 0;
}
}
}
}
@include breakpoint(mobile-extra-large) {
.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: var(--line-height-large);
.search-highlight {
color: var(--primary-high-or-secondary-low);
}
}