Uniform button size (nowrap), md-body h1-h6 sizes (fix h3 as h1), themed scrollbars

This commit is contained in:
2026-10-04 13:50:01 +03:00
parent 13590a3594
commit c41acb32b6
9 changed files with 34 additions and 20 deletions

View File

@@ -101,6 +101,7 @@ p { margin-top: 0; }
вторичная и опасная — контурные. Компактный кегль 13px. */
.btn {
display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
white-space: nowrap;
border: 1px solid var(--c-accent); border-radius: var(--radius);
background: var(--c-accent); color: #ffffff;
padding: 0.5rem 1rem; font-size: 0.8125rem; font-weight: 500;
@@ -176,6 +177,15 @@ code { --bs-code-color: var(--c-text); color: var(--c-text); }
.btn-sm { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.6rem; --bs-btn-font-size: 0.75rem; }
a { --bs-link-color: var(--c-accent); --bs-link-hover-color: var(--c-accent-hover); text-decoration: none; }
/* ---- Полосы прокрутки в стиле приложения ---- */
html { scrollbar-width: thin; scrollbar-color: var(--c-border-strong) var(--c-bg); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--c-bg); }
::-webkit-scrollbar-thumb { background: var(--c-border-strong); border: 2px solid var(--c-bg); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: var(--c-accent); }
::-webkit-scrollbar-corner { background: var(--c-bg); }
/* Cards */
.card { border-radius: var(--radius-lg); background: var(--c-surface); border: 1px solid var(--c-border); }
.card-flush { border-radius: var(--radius-lg); background: var(--c-surface); border: 1px solid var(--c-border); padding: 0; overflow: hidden; }
@@ -325,9 +335,13 @@ html.modal-open body {
/* Markdown body */
.md-body { font-size: 0.9375rem; }
.md-body h1, .md-body h2, .md-body h3 { margin: 1rem 0 0.5rem; line-height: 1.3; }
.md-body h1, .md-body h2, .md-body h3, .md-body h4, .md-body h5, .md-body h6 { margin: 1rem 0 0.5rem; line-height: 1.3; }
.md-body h1 { font-size: 1.25rem; }
.md-body h2 { font-size: 1.125rem; }
.md-body h3 { font-size: 1rem; }
.md-body h4 { font-size: 0.9375rem; }
.md-body h5 { font-size: 0.875rem; }
.md-body h6 { font-size: 0.8125rem; }
.md-body p, .md-body ul, .md-body ol { margin: 0.5rem 0; }
.md-body ul, .md-body ol { padding-left: 1.5rem; }
.md-body pre { background: var(--c-bg); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 0.75rem 1rem; overflow-x: auto; font-size: 0.8125rem; }