john/svsmspcalc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css: tokenize borders, spacing, and radii — spacing audit pass 4

Browse Source 
Phase 1: border widths (1/2/3px → --border-thin/medium/thick) — 76 replacements
Phase 2: adopt existing spacing tokens (--space-xs through --space-xl) — 18 replacements
Phase 3: border-radius scale (--radius-sm/md/lg/pill) — 16 replacements
Total: 110 replacements + 7 new tokens across 7 files

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
John OReilly
2026-03-16 16:51:43 -04:00
parent e462953a2a
commit 786a8505ac
7 changed files with 122 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
SVS-MSP-Calculator-print.css
View File

@@ -71,8 +71,8 @@
/* ── Top bar: keep accent, reduce height ── */
.top-bar {
position: static !important;
padding: 10px 20px !important;
border-bottom: 2px solid var(--print-accent) !important;
padding: var(--space-stack-tight) var(--space-xl) !important;
border-bottom: var(--border-medium) solid var(--print-accent) !important;
background: var(--print-paper) !important;
}
.top-bar-inner { padding: 0 !important; }
@@ -81,13 +81,13 @@
/* ── Section cards: clean borders, no dark bg ── */
.section {
background: var(--print-paper) !important;
border: 1px solid var(--print-border) !important;
border: var(--border-thin) solid var(--print-border) !important;
box-shadow: none !important;
margin-left: 0 !important;
page-break-inside: avoid;
break-inside: avoid;
padding: 16px 20px !important;
margin-bottom: 12px !important;
padding: var(--space-stack-roomy) var(--space-xl) !important;
margin-bottom: var(--space-md) !important;
}
.section-num { color: var(--print-section-num) !important; }
.section-title { font-size: 16px !important; }
@@ -95,9 +95,9 @@
/* ── Sidebar: show inline after sections, styled for print ── */
.sidebar {
background: var(--print-paper) !important;
border: 2px solid var(--print-accent) !important;
border: var(--border-medium) solid var(--print-accent) !important;
border-radius: 6px !important;
margin: 16px 0 !important;
margin: var(--space-stack-roomy) 0 !important;
page-break-inside: avoid;
break-inside: avoid;
}
@@ -149,9 +149,9 @@
display: block;
font-size: 11px;
color: var(--print-footer-note);
border-top: 1px solid var(--print-border-strong);
padding-top: 10px;
margin-top: 20px;
border-top: var(--border-thin) solid var(--print-border-strong);
padding-top: var(--space-stack-tight);
margin-top: var(--space-xl);
font-family: 'DM Mono', monospace;
}
}