mirror of
https://github.com/discourse/discourse.git
synced 2026-03-05 15:27:34 +08:00
e7604b67c1
Since the ToC has to be so specific, Horizon needs to use this specificity for the BlogStyle TC.
72 lines
1.6 KiB
SCSS
72 lines
1.6 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%;
|
|
}
|
|
}
|
|
}
|
|
|
|
// livestream plugin: https://github.com/discourse/discourse-livestream
|
|
.tag-livestream.chat-enabled.archetype-regular {
|
|
#custom-chat-container {
|
|
margin-left: 0;
|
|
border-top-left-radius: var(--d-border-radius-large);
|
|
border-top-right-radius: var(--d-border-radius-large);
|
|
}
|
|
|
|
.container.posts {
|
|
grid-template-columns: auto auto;
|
|
}
|
|
}
|
|
|
|
// TC: Blog Style
|
|
body:not(.d-toc-installed).blog-post .container.posts,
|
|
body.d-toc-installed.blog-post .container.posts {
|
|
grid-template-columns: var(--blog-width) 0;
|
|
}
|
