discourse/themes/horizon/scss/compatibility.scss
chapoi a0146b2917
UX: Horizon compatibility fixes (#34577)
Small CSS fixes for compatibility with popular components.
2025-08-28 12:33:18 +02:00

53 lines
1 KiB
SCSS

@use "lib/viewport";
.custom-homepage-columns {
.header-wrapper {
@include viewport.from(lg) {
margin-bottom: 1.25em;
}
}
.topic-list .topic-list-item {
height: auto;
&:nth-child(odd) {
background: var(--topic-list-item-background-color);
}
}
}
.b-header {
.nav-pills > li > a:hover {
.discourse-no-touch & {
color: var(--secondary);
}
}
.nav-pills > li > a:hover::after {
.discourse-no-touch & {
background: var(--secondary);
}
}
}
// theme component: https://github.com/discourse/discourse-minimal-category-boxes
.custom-category-boxes-container {
@include viewport.until(sm) {
padding-inline: var(--space-4);
box-sizing: border-box;
}
}
@include viewport.from(md) {
#main-outlet {
div[class^="category-title-header"] {
width: calc(100% - (2 * var(--space-4)));
border-radius: var(--d-border-radius-large);
max-width: calc(1000px - 3rem) !important;
}
.list-container div[class^="category-title-header"] {
width: 100%;
}
}
}