chore: Replaced deprecated Spacing variables with current values

Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-11-12 12:56:22 +00:00
parent 8dce04b931
commit 88644597df
229 changed files with 855 additions and 869 deletions

View File

@@ -1,5 +1,5 @@
.dl {
padding: 0 var(--Spacing-x2);
padding: 0 var(--Space-x2);
display: flex;
}

View File

@@ -1,8 +1,8 @@
.container {
display: flex;
padding: 0 var(--Spacing-x2);
padding: 0 var(--Space-x2);
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.tertiary {
@@ -12,7 +12,7 @@
.dl {
display: grid;
grid-template-columns: auto auto;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
padding: 8px 0;
}

View File

@@ -6,7 +6,7 @@
color: var(--Text-Tertiary);
font-weight: var(--Body-Supporting-text-Font-weight-2);
font-size: var(--Body-Supporting-text-Size);
margin-right: var(--Spacing-x-half);
margin-right: var(--Space-x05);
}
.titleSubtext {
@@ -16,9 +16,8 @@
.totalContainer {
border: 1px solid var(--Border-Divider-Subtle);
border-radius: var(--Spacing-x1);
padding: var(--Space-x15) var(--Spacing-x2) var(--Spacing-x2)
var(--Spacing-x2);
border-radius: var(--Space-x1);
padding: var(--Space-x15) var(--Space-x2) var(--Space-x2) var(--Space-x2);
flex-direction: column;
align-items: stretch;
gap: var(--Space-x15);
@@ -28,7 +27,7 @@
.dl {
display: grid;
grid-template-columns: auto auto;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
padding: 8px 0;
}

View File

@@ -1,15 +1,15 @@
.main {
background-color: var(--Base-Surface-Primary-light-Normal);
display: flex;
padding: var(--Spacing-x5) var(--Spacing-x4);
padding: var(--Space-x5) var(--Space-x4);
flex-direction: column;
gap: var(--Spacing-x5);
gap: var(--Space-x5);
}
.addresses {
display: flex;
justify-content: space-between;
margin-top: var(--Spacing-x2);
margin-top: var(--Space-x2);
}
.rightColumn {
@@ -17,7 +17,7 @@
}
.addressMargin {
margin-top: var(--Spacing-x-half);
margin-top: var(--Space-x05);
}
.tertiary {
@@ -32,14 +32,14 @@
max-width: 640px;
margin-left: auto;
margin-right: auto;
padding: var(--Spacing-x5) 0;
padding: var(--Space-x5) 0;
}
.logIn {
padding: var(--Spacing-x9) var(--Spacing-x2);
padding: var(--Space-x9) var(--Space-x2);
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
align-items: center;
color: var(--Scandic-Grey-100);
}