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

8
SVS-MSP-Calculator-base.css
View File

@@ -19,7 +19,7 @@
top: 0;
z-index: 100;
background: var(--top-bar-bg);
border-bottom: 2px solid var(--top-bar-border);
border-bottom: var(--border-medium) solid var(--top-bar-border);
box-shadow: var(--top-bar-shadow);
padding: 14px 0;
display: flex;
@@ -32,7 +32,7 @@
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
gap: var(--space-stack-roomy);
}
.top-bar-logo { margin-left: clamp(26px, 5.2vw, 78px); flex-shrink: 0; }
.top-bar-right {
@@ -52,8 +52,8 @@
─────────────────────────────────────────────────────────────── */
.theme-toggle-btn {
background: var(--theme-chip-bg);
border: 1px solid var(--theme-chip-border);
border-radius: 8px;
border: var(--border-thin) solid var(--theme-chip-border);
border-radius: var(--radius-md);
width: 36px;
height: 36px;
cursor: pointer;