diff options
| author | cashmere <cashmere@autistici.org> | 2026-09-04 09:05:24 +0200 |
|---|---|---|
| committer | cashmere <cashmere@autistici.org> | 2026-09-04 09:05:24 +0200 |
| commit | 4f49b16079b27d7ce633619e4cddfdf2bffbc952 (patch) | |
| tree | c296c1e7f3c3e2f6859c6d3a1b1b208779b89679 /tools/copland/src | |
| download | relic-4f49b16079b27d7ce633619e4cddfdf2bffbc952.tar.gz | |
Diffstat (limited to 'tools/copland/src')
| -rw-r--r-- | tools/copland/src/copland.scss | 443 |
1 files changed, 443 insertions, 0 deletions
diff --git a/tools/copland/src/copland.scss b/tools/copland/src/copland.scss new file mode 100644 index 0000000..8c92ad5 --- /dev/null +++ b/tools/copland/src/copland.scss @@ -0,0 +1,443 @@ +$bp-sm: 36rem; +$bp-md: 48rem; +$bp-lg: 62rem; +$bp-xl: 75rem; + +:root { + color-scheme: light dark; + --page-bg: #fff; + --surface: #fff; + --surface-subtle: #f5f5f5; + --surface-muted: #e9ecef; + --surface-active: #ddd; + --text: #212529; + --text-muted: #6c757d; + --text-faint: #767676; + --border: #ced4da; + --border-strong: #888; + --link: #0645d9; + --link-hover: #002f9f; + --primary: #0056d6; + --primary-hover: #0044aa; + --primary-text: #fff; + --danger: #b00020; + --danger-bg: #f8d7da; + --success: #146c2e; + --success-bg: #d4edda; + --warning-bg: #fff3cd; + --info-bg: #d1ecf1; + --code-bg: #f1f3f5; + --selection: #b9d6ff; + --focus: #ffbf47; + --shadow: rgba(0, 0, 0, 0.12); + --container: 71.25rem; + --gutter: 1rem; + --radius: 0; + --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; + --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; +} + +@media (prefers-color-scheme: dark) { + :root { + --page-bg: #212529; + --surface: #212529; + --surface-subtle: #191c1f; + --surface-muted: #2d3237; + --surface-active: #3b4147; + --text: #f1f3f5; + --text-muted: #c2c7cc; + --text-faint: #adb5bd; + --border: #565e65; + --border-strong: #8b949c; + --link: #5c9cff; + --link-hover: #91bcff; + --primary: #4d8ee8; + --primary-hover: #70a7f2; + --primary-text: #101214; + --danger: #ff6b78; + --danger-bg: #57242a; + --success: #65d47d; + --success-bg: #183d24; + --warning-bg: #514318; + --info-bg: #193e47; + --code-bg: #17191b; + --selection: #173f70; + --focus: #ffd166; + --shadow: rgba(0, 0, 0, 0.4); + } +} + +* { box-sizing: border-box; } + +html { + min-height: 100%; + scrollbar-gutter: stable; + font-size: 16px; +} + +body { + min-height: 100vh; + margin: 0; + padding: 0 0 1rem; + background: var(--page-bg); + color: var(--text); + font-family: var(--font-sans); + font-size: 1rem; + line-height: 1.5; + text-align: initial; +} + +::selection { background: var(--selection); } + +.container, +div.content { + width: 100%; + max-width: var(--container); + margin-inline: auto; + padding-inline: var(--gutter); +} + +div.content { min-height: 45vh; } + +body a { + color: var(--link); + text-decoration: underline; + text-underline-offset: 0.12em; +} + +body a:hover { color: var(--link-hover); text-decoration: none; } +a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, +textarea:focus-visible, [tabindex]:focus-visible { + outline: 3px solid var(--focus); + outline-offset: 2px; +} + +h1, h2, h3, h4, h5, h6 { + margin: 1rem 0 0.5rem; + color: var(--text); + font-weight: 500; + line-height: 1.2; +} + +h1 { font-size: 1.75rem; } +h2 { font-size: 1.45rem; } +h3 { font-size: 1.15rem; border-bottom: 1px solid var(--border); } +h4 { font-size: 1rem; border-bottom: 1px solid var(--border); } +p { margin: 0 0 1rem; } +hr { border: 0; border-top: 1px solid var(--border); } + +.site-header { margin-bottom: 0; } +.site-header-row { + min-height: 3.25rem; + display: flex; + align-items: center; + gap: 1rem; +} + +.site-brand, +.resource-title a, +.account-nav a, +.mainmenu a { + text-decoration: none; +} + +.site-brand { + flex: 0 0 auto; + color: var(--text); + font-size: 1.25rem; + font-weight: 600; + letter-spacing: -0.025em; +} + +.site-brand::before { + content: ""; + display: inline-block; + width: 0.78rem; + height: 0.78rem; + margin-right: 0.42rem; + border: 2px solid currentColor; + border-radius: 50%; + vertical-align: 0.02rem; +} + +.site-brand:hover, +.resource-title a:hover, +.account-nav a:hover, +.mainmenu a:hover { color: var(--text); text-decoration: underline; } + +.resource-title { + min-width: 0; + display: flex; + align-items: baseline; + gap: 0.4rem; + overflow: hidden; + white-space: nowrap; +} + +.resource-title a, +.resource-page { + overflow: hidden; + text-overflow: ellipsis; +} + +.resource-title a { color: var(--text); font-weight: 600; } +.resource-separator, .resource-page { color: var(--text-muted); } +.account-nav { margin-left: auto; white-space: nowrap; font-size: 0.9rem; } + +.resource-nav { + border-bottom: 3px solid var(--surface-active); +} + +.mainmenu { + min-height: 2rem; + display: flex; + align-items: end; + gap: 0; + overflow-x: auto; + scrollbar-width: thin; +} + +.mainmenu a { + flex: 0 0 auto; + padding: 0.25rem 0.85rem 0.18rem; + color: var(--text-muted); + white-space: nowrap; +} + +.mainmenu a.active, +.mainmenu a.selected, +.mainmenu a:hover { + color: var(--text); +} + +.mainmenu a.active, +.mainmenu a.selected { background: var(--surface-active); } + +.page-title { + margin-top: 0.9rem; + margin-bottom: 0.75rem; + font-size: 1.35rem; + font-weight: 500; +} + +.site-footer { + margin-top: 2rem; + color: var(--text-muted); + font-size: 0.8rem; +} +.site-footer .container { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.4rem; } + +pre, code, kbd, samp, tt { font-family: var(--font-mono); } +code, tt { overflow-wrap: anywhere; } +pre { + max-width: 100%; + overflow: auto; + margin: 0 0 1rem; + padding: 0.75rem 1rem; + background: var(--code-bg); + color: var(--text); + font-size: 0.875rem; + line-height: 1.35; + tab-size: 4; +} +pre a { color: inherit; } +blockquote { margin: 0 0 1rem; padding-left: 1rem; border-left: 4px solid var(--border); } + +.org-document { + max-width: 100%; +} + +.org-document .org-title { margin-top: 0; } + +.org-metadata { + display: grid; + grid-template-columns: max-content minmax(0, 1fr); + gap: 0.15rem 0.75rem; + margin: 0 0 1rem; + color: var(--text-muted); + font-size: 0.92rem; +} + +.org-metadata dt { font-weight: 600; } +.org-metadata dd { margin: 0; } + +.org-toc { + margin: 0 0 1.25rem; + padding: 0.75rem 1rem; + border: 1px solid var(--border); + background: var(--surface-subtle); +} + +.org-toc h2 { margin-top: 0; font-size: 1.05rem; } +.org-toc ol { margin: 0; padding-left: 1.5rem; } +.org-toc-level-2 { margin-left: 1rem; } +.org-toc-level-3 { margin-left: 2rem; } +.org-toc-level-4, .org-toc-level-5, .org-toc-level-6 { margin-left: 3rem; } + +.org-table { display: block; overflow-x: auto; } +.org-block { border-left: 3px solid var(--border-strong); } +.org-example { color: var(--text); } +.org-unknown-block { border-left-color: var(--danger); } + +table { + width: 100%; + margin-bottom: 1rem; + border-collapse: collapse; + color: var(--text); +} +th { text-align: left; font-weight: 600; } +th, td { padding: 0.28rem 0.5rem; vertical-align: top; border-top: 1px solid var(--border); } +thead th { border-bottom: 2px solid var(--border-strong); } +tbody tr:nth-child(odd) { background: color-mix(in srgb, var(--surface-subtle) 70%, transparent); } +table.browser, table.report, table.timelineTable { font-size: 0.92rem; } +table.browser td:first-child, table.browser td:nth-child(2) { font-family: var(--font-mono); } + +input, button, select, textarea { font: inherit; } +input[type="text"], input[type="search"], input[type="email"], input[type="password"], +input[type="url"], input[type="number"], textarea, select { + max-width: 100%; + padding: 0.35rem 0.5rem; + border: 1px solid var(--border-strong); + border-radius: var(--radius); + background: var(--surface); + color: var(--text); +} +textarea { width: 100%; } +label { display: inline-block; margin-bottom: 0.25rem; } +button, input[type="submit"], input[type="button"], .button, a.button { + display: inline-block; + padding: 0.35rem 0.7rem; + border: 1px solid var(--primary); + border-radius: var(--radius); + background: var(--primary); + color: var(--primary-text); + cursor: pointer; + line-height: 1.25; + text-decoration: none; +} +button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover { + border-color: var(--primary-hover); + background: var(--primary-hover); +} +button:disabled, input:disabled { cursor: not-allowed; opacity: 0.65; } +fieldset { margin: 0 0 1rem; border: 1px solid var(--border); } +legend { padding-inline: 0.35rem; } + +.submenu, .sectionmenu { + margin: 0 0 1rem; + padding: 0.4rem 0.6rem; + background: var(--surface-subtle); + border: 1px solid var(--border); +} +.submenu a, .sectionmenu a { margin-right: 0.75rem; } + +.generalError, .error, .fatalError, .loginError, +.warning, .notice, .success { + margin: 0.75rem 0; + padding: 0.65rem 0.8rem; + border: 1px solid var(--border); +} +.generalError, .error, .fatalError, .loginError { background: var(--danger-bg); color: var(--text); } +.warning { background: var(--warning-bg); } +.notice { background: var(--info-bg); } +.success { background: var(--success-bg); } + +.timelineDate { margin-top: 1rem; color: var(--text); font-weight: 600; } +.timelineHistDsp { color: var(--text-muted); } +.timelineModernCell, .timelineColumnarCell, .timelineDetailCell { padding-block: 0.35rem; } +.timelineModernDetail { opacity: 1; } +.timelineCompactComment, .timelineComment { line-height: 1.35; } +.timelineTime { color: var(--text-muted); white-space: nowrap; } +.timelineGraph { min-width: 2rem; } +.tl-node { border-radius: 50%; } +.timelineModernCell a, +.timelineColumnarCell a, +.timelineDetailCell a { color: var(--link) !important; } +.timelineModernCell a:hover, +.timelineColumnarCell a:hover, +.timelineDetailCell a:hover { color: var(--link-hover) !important; } + +.filetree { font-family: var(--font-mono); font-size: 0.9rem; } +.filetree ul { padding-left: 1.25rem; } +.filetree a { color: var(--text); } +.filetree a:hover { color: var(--link); } +.fileage tr:hover, table.browser tr:hover { background: var(--surface-active); } + +.diff, .udiff, .sbsdiff { font-family: var(--font-mono); font-size: 0.82rem; } +.diff pre, .udiff pre, .sbsdiff pre { background: transparent; } +.diffln, .diffhr { color: var(--text-muted); background: var(--surface-muted); } +.diffadd, .diffins { background: var(--success-bg); } +.diffrm, .diffdel { background: var(--danger-bg); } +.diffchng { background: var(--warning-bg); } +.selectedText { background: var(--selection); } + +.forumPost, .forumTime, .forumSel, .forumHierRoot, .forumHier { + border-color: var(--border); +} +.forumPost, .forumTime { background: var(--surface-subtle); color: var(--text); } +.forumPostBody { overflow-wrap: anywhere; } +.forumPostBody img, .wiki-content img, .markdown img { max-width: 100%; height: auto; } + +.ticketDspLabel, .ticketDspValue { padding: 0.35rem 0.5rem; } +.ticketDspLabel { color: var(--text-muted); font-weight: 600; } +.ticketDspValue { border-bottom: 1px solid var(--border); } + +.branchname, .tagname, .wikiTagCancelled, .infoTagCancelled { + display: inline-block; + padding: 0.05rem 0.3rem; + background: var(--surface-muted); + color: var(--text); + font-size: 0.82rem; +} + +.statistics-report-table-events th, .statistics-report-table-events td { text-align: right; } +.statistics-report-table-events th:first-child, .statistics-report-table-events td:first-child { text-align: left; } +.accordion_panel { border-color: var(--border); background: var(--surface); } +.accordion_marker { color: var(--text-muted); } + +body.repolist .resource-title, +body.repolist .resource-nav, +body.repolist > .page-title { display: none; } +body.repolist div.content { padding-top: 1rem; } +body.repolist table td:first-child { font-family: var(--font-mono); font-weight: 600; } + +@media (prefers-color-scheme: dark) { + img { opacity: 0.92; } + body .timelineModernCell, + body .timelineColumnarCell, + body .timelineDetailCell, + .timelineModernCell[style*="background-color"], + .timelineColumnarCell[style*="background-color"], + .timelineDetailCell[style*="background-color"], + td[style*="background-color"] { + background-color: var(--surface-subtle) !important; + color: var(--text) !important; + } + .diffadd, .diffins { color: var(--text); } + .diffrm, .diffdel { color: var(--text); } +} + +@media (max-width: $bp-md) { + :root { --gutter: 0.75rem; } + .site-header-row { min-height: 2.8rem; gap: 0.65rem; } + .resource-page, .resource-separator { display: none; } + .mainmenu a { padding-inline: 0.65rem; } + .page-title { font-size: 1.2rem; } + table:not(.sbsdiffcols) { display: block; max-width: 100%; overflow-x: auto; } + .desktoponly { display: none !important; } +} + +@media (max-width: $bp-sm) { + .site-brand { font-size: 1.1rem; } + .resource-title { font-size: 0.9rem; } + .account-nav { font-size: 0.82rem; } + .page-title { margin-top: 0.7rem; } + pre { padding: 0.6rem 0.7rem; } +} + +@media print { + .resource-nav, .account-nav, .submenu, .sectionmenu, .site-footer { display: none !important; } + body, pre, code { background: #fff !important; color: #000 !important; } + a { color: #000; text-decoration: underline; } + div.content, .container { max-width: none; padding: 0; } +} |
