Files
NodeBB/public/scss/global.scss
Barış Soner Uşaklı ecfdb3e0fa move common dropdown tpls to core
move btn link hover/active css to core from harmony
2024-09-12 10:25:01 -04:00

46 lines
1.1 KiB
SCSS

/*
This stylesheet is applied to all themes and all pages.
They can be overridden by themes, though their presence (or initial settings) may be depended upon by
client-side logic in core.
==========
*/
// rtl fixes for text-break and code blocks
/*rtl:begin:ignore*/
html[data-dir="rtl"] {
.text-break {
word-wrap: break-word!important;
word-break: break-word!important;
}
[component="post/content"] code {
direction: ltr;
text-align: left;
}
}
/*rtl:end:ignore*/
[component="post/content"], [component="chat/message/body"], [component="composer"] .preview {
h1 { font-size: calc(1.15rem + 1vw); }
h2 { font-size: calc(1.1rem + 0.8vw); }
h3 { font-size: calc(1.075rem + 0.6vw); }
h4 { font-size: calc(1.05rem + 0.3vw); }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }
@include media-breakpoint-up(xl) {
h1 { font-size: 1.75rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.250rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }
}
}
.btn-link {
&:hover, &.active {
background-color: var(--btn-ghost-hover-color);
text-decoration: none;
}
}