style(design-system): normalize exact-match border-radius literals to tokens
Mechanical sweep for border-radius: 4px/8px/12px/13px/999px replaced with var(--radius-xs/sm/md/lg/full, <same value>) across src/app. Only exact matches to existing token values were touched (20px, 16px, 10px, 6px, 3px, 2px etc. were left as-is since no token maps to them without a visible size change on at least one tenant theme — see docs/UI-DESIGN-REVIEW.md).
This commit is contained in:
@@ -42,7 +42,7 @@
|
||||
letter-spacing: 0.4px;
|
||||
color: var(--text-secondary, #6b7280);
|
||||
border: 1px solid var(--border-color, #d3dad9);
|
||||
border-radius: 999px;
|
||||
border-radius: var(--radius-full, 999px);
|
||||
padding: 1px 8px;
|
||||
}
|
||||
|
||||
|
||||
@@ -91,7 +91,7 @@ input[type='color'] {
|
||||
.sortable-item,
|
||||
.sub-card {
|
||||
border: 1px solid var(--border-color, #d3dad9);
|
||||
border-radius: 12px;
|
||||
border-radius: var(--radius-md, 12px);
|
||||
padding: 12px;
|
||||
background: #fbfcfc;
|
||||
}
|
||||
@@ -233,7 +233,7 @@ button.secondary {
|
||||
.languages-summary__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
|
||||
.languages-summary__chip {
|
||||
display: inline-flex; align-items: center; gap: 6px;
|
||||
padding: 4px 10px; border-radius: 999px;
|
||||
padding: 4px 10px; border-radius: var(--radius-full, 999px);
|
||||
border: 1px solid var(--border-color, #d3dad9);
|
||||
font-size: var(--font-size-sm, 0.8125rem); font-weight: 600;
|
||||
em { font-style: normal; font-weight: 400; font-size: var(--font-size-xs, 0.75rem); color: var(--text-secondary, #6b7280); }
|
||||
|
||||
Reference in New Issue
Block a user