chore: replace old border-radius variables with new tokens
This commit is contained in:
@@ -44,7 +44,7 @@
|
||||
width: 100%;
|
||||
background-color: var(--Surface-Primary-On-Surface-Default);
|
||||
border: 1px solid var(--Border-Default);
|
||||
border-radius: var(--Corner-radius-Medium);
|
||||
border-radius: var(--Corner-radius-md);
|
||||
box-shadow:
|
||||
0px 0px 4px 2px rgba(0, 0, 0, 0.1),
|
||||
0px 4px 4px 0px rgba(255, 255, 255, 0.29) inset;
|
||||
@@ -78,7 +78,7 @@
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
border: 1px solid var(--Border-Divider-Accent);
|
||||
border-radius: var(--Corner-radius-Small);
|
||||
border-radius: var(--Corner-radius-sm);
|
||||
padding: var(--Spacing-x2);
|
||||
background:
|
||||
linear-gradient(
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
gap: var(--Spacing-x3);
|
||||
padding: var(--Spacing-x3) var(--Spacing-x9);
|
||||
background-color: var(--Background-Secondary);
|
||||
border-radius: var(--Corner-radius-Large);
|
||||
border-radius: var(--Corner-radius-lg);
|
||||
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
|
||||
margin-top: var(--Spacing-x9);
|
||||
}
|
||||
@@ -100,7 +100,7 @@
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-color: var(--Border-Divider-Accent);
|
||||
border-radius: var(--Corner-radius-Small);
|
||||
border-radius: var(--Corner-radius-sm);
|
||||
opacity: 0.3;
|
||||
transition: background-color 300ms ease;
|
||||
}
|
||||
@@ -112,7 +112,7 @@
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
border-radius: var(--Corner-radius-Small);
|
||||
border-radius: var(--Corner-radius-sm);
|
||||
}
|
||||
|
||||
.sliderOutput {
|
||||
@@ -123,7 +123,7 @@
|
||||
background-color: var(--Surface-Brand-Primary-1-OnSurface-Default);
|
||||
color: var(--Text-Brand-OnPrimary-2-Accent);
|
||||
padding: var(--Spacing-x-half) var(--Spacing-x1);
|
||||
border-radius: var(--Corner-radius-Small);
|
||||
border-radius: var(--Corner-radius-sm);
|
||||
opacity: 0;
|
||||
transition:
|
||||
opacity 0.15s,
|
||||
@@ -226,7 +226,7 @@
|
||||
}
|
||||
|
||||
.pointsOutput {
|
||||
border-radius: var(--Corner-radius-Medium);
|
||||
border-radius: var(--Corner-radius-md);
|
||||
background-color: var(--Surface-Primary-Disabled);
|
||||
height: 100%;
|
||||
color: var(--Text-Tertiary);
|
||||
|
||||
Reference in New Issue
Block a user