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,7 +1,7 @@
.container {
display: flex;
flex-direction: column;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
}
.header {
@@ -9,12 +9,12 @@
flex-direction: column;
justify-content: space-between;
gap: var(--Space-x15);
margin-top: var(--Spacing-x5);
margin-top: var(--Space-x5);
}
@media (min-width: 768px) {
.container {
gap: var(--Spacing-x3);
gap: var(--Space-x3);
}
.header {
align-items: center;
@@ -25,7 +25,7 @@
.deliveryTime {
display: flex;
justify-content: space-between;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
.ancillaryMobile {
@@ -33,16 +33,16 @@
border-radius: var(--Corner-radius-md);
display: flex;
flex-direction: column;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
.ancillaryDesktop {
display: none;
padding: var(--Spacing-x2);
padding: var(--Space-x2);
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-md);
flex-direction: column;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
@media (min-width: 768px) {
@@ -61,40 +61,40 @@
.paymentMobile {
display: flex;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
align-items: center;
}
.commentMobile {
margin-bottom: var(--Spacing-x3);
margin-bottom: var(--Space-x3);
}
.footerMobile {
display: flex;
margin-top: var(--Spacing-x4);
margin-top: var(--Space-x4);
}
.specification {
display: flex;
justify-content: space-between;
padding: var(--Spacing-x1) 0;
padding: var(--Space-x1) 0;
}
.name {
display: flex;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
align-items: center;
}
.payment {
display: flex;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
align-items: center;
}
.footer {
display: flex;
justify-content: space-between;
padding: var(--Spacing-x1) 0;
padding: var(--Space-x1) 0;
}
.comment {
@@ -104,5 +104,5 @@
.actions {
display: flex;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}