sdarbinyan/marketplaces
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(design-system): normalize exact-match border-radius literals to tokens

Browse Source 
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:
sdarbinyan
2026-07-20 03:27:25 +04:00
parent 7cb1c8c3c6
commit be59db2e2d
51 changed files with 130 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/pages/item-detail/item-detail.component.scss
View File

@@ -47,7 +47,7 @@ $dx-card-bg: #f5f3f9;
background: $dx-primary;
color: white;
text-decoration: none;
border-radius: 13px;
border-radius: var(--radius-lg, 13px);
font-weight: 600;
transition: all 0.2s;
@@ -152,7 +152,7 @@ $dx-card-bg: #f5f3f9;
aspect-ratio: 1;
background: white;
border: 1px solid $dx-border;
border-radius: 13px;
border-radius: var(--radius-lg, 13px);
overflow: hidden;
display: flex;
align-items: center;
@@ -291,7 +291,7 @@ $dx-card-bg: #f5f3f9;
background: $dx-primary;
color: white;
border: none;
border-radius: 13px;
border-radius: var(--radius-lg, 13px);
font-family: $dx-font;
font-size: var(--font-size-xl, 1.125rem);
font-weight: 700;
@@ -338,7 +338,7 @@ $dx-card-bg: #f5f3f9;
display: inline-flex;
align-items: center;
padding: 6px 14px;
border-radius: 8px;
border-radius: var(--radius-sm, 8px);
font-size: var(--font-size-base, 0.875rem);
font-weight: 600;
border: 1.5px solid $dx-border;
@@ -410,7 +410,7 @@ $dx-card-bg: #f5f3f9;
gap: 10px;
padding: 14px 16px;
border: 1px solid $dx-border;
border-radius: 12px;
border-radius: var(--radius-md, 12px);
background: #f8fafa;
}
@@ -456,7 +456,7 @@ $dx-card-bg: #f5f3f9;
display: inline-flex;
align-self: flex-start;
padding: 6px 12px;
border-radius: 999px;
border-radius: var(--radius-full, 999px);
background: rgba(73, 118, 113, 0.12);
color: $dx-primary;
font-size: var(--font-size-base, 0.875rem);
@@ -498,7 +498,7 @@ $dx-card-bg: #f5f3f9;
.dx-review-form {
background: $dx-card-bg;
border: 1px solid $dx-border;
border-radius: 13px;
border-radius: var(--radius-lg, 13px);
padding: 24px;
margin-bottom: 24px;
@@ -593,7 +593,7 @@ $dx-card-bg: #f5f3f9;
color: white;
border: none;
padding: 12px 28px;
border-radius: 13px;
border-radius: var(--radius-lg, 13px);
font-family: $dx-font;
font-weight: 700;
font-size: var(--font-size-md, 0.9375rem);
@@ -669,7 +669,7 @@ $dx-card-bg: #f5f3f9;
.dx-review-card {
background: white;
border: 1px solid $dx-border;
border-radius: 13px;
border-radius: var(--radius-lg, 13px);
padding: 20px;
transition: box-shadow 0.2s;
@@ -743,7 +743,7 @@ $dx-card-bg: #f5f3f9;
.dx-qa-card {
background: white;
border: 1px solid $dx-border;
border-radius: 13px;
border-radius: var(--radius-lg, 13px);
padding: 20px;
}
@@ -793,7 +793,7 @@ $dx-card-bg: #f5f3f9;
gap: 5px;
background: none;
border: 1px solid $dx-border;
border-radius: 8px;
border-radius: var(--radius-sm, 8px);
padding: 6px 12px;
font-size: var(--font-size-sm, 0.8125rem);
color: $dx-muted;
@@ -1938,7 +1938,7 @@ $dx-card-bg: #f5f3f9;
.item-badge {
display: inline-block;
padding: 3px 10px;
border-radius: 4px;
border-radius: var(--radius-xs, 4px);
font-size: var(--font-size-xs, 0.75rem);
font-weight: 600;
text-transform: uppercase;
@@ -1966,7 +1966,7 @@ $dx-card-bg: #f5f3f9;
.item-tag {
display: inline-block;
padding: 2px 8px;
border-radius: 12px;
border-radius: var(--radius-md, 12px);
font-size: var(--font-size-xs, 0.75rem);
color: #497671;
background: rgba(73, 118, 113, 0.08);