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

@@ -5,22 +5,22 @@
.modalText {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.rooms {
display: flex;
flex-direction: column;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
.roomContainer {
display: flex;
padding: var(--Spacing-x2);
padding: var(--Space-x2);
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-md);
align-items: center;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
.roomInfo {

View File

@@ -1,11 +1,11 @@
.container {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.dateComparison {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}

View File

@@ -1,17 +1,17 @@
.container {
background-color: var(--Background-Primary);
padding: var(--Spacing-x2) var(--Spacing-x3) var(--Spacing-x3);
padding: var(--Space-x2) var(--Space-x3) var(--Space-x3);
border-radius: var(--Corner-radius-md);
display: flex;
flex-direction: column;
gap: var(--Spacing-x3);
gap: var(--Space-x3);
}
.checkInDate,
.checkOutDate {
display: flex;
flex-direction: column;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
.trigger {
@@ -26,7 +26,7 @@
justify-content: space-between;
min-width: 0;
/* allow shrinkage */
padding: var(--Spacing-x1) var(--Spacing-x2);
padding: var(--Space-x1) var(--Space-x2);
transition: border-color 200ms ease;
}

View File

@@ -10,13 +10,13 @@
.form {
display: grid;
gap: var(--Spacing-x3);
gap: var(--Space-x3);
}
.termsAndConditions {
color: var(--Text-Secondary);
display: grid;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.termsAndConditions .checkbox span {
@@ -28,9 +28,9 @@
background-color: var(--Base-Surface-Subtle-Normal);
border-radius: var(--Corner-radius-md);
display: flex;
gap: var(--Spacing-x3);
gap: var(--Space-x3);
justify-content: flex-end;
padding: var(--Spacing-x2);
padding: var(--Space-x2);
}
.guaranteeCostText {

View File

@@ -1,12 +1,12 @@
.actionArea {
display: grid;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
@media (min-width: 768px) {
.actionArea {
gap: var(--Spacing-x2);
gap: var(--Space-x2);
grid-template-columns: 1fr 1fr;
padding-top: var(--Spacing-x3);
padding-top: var(--Space-x3);
}
}

View File

@@ -1,6 +1,6 @@
.priceContainer {
display: flex;
padding: var(--Spacing-x2);
padding: var(--Space-x2);
background-color: var(--Background-Primary);
border-radius: var(--Corner-radius-md);
align-items: center;
@@ -9,14 +9,14 @@
.info {
border-right: 1px solid var(--Base-Border-Subtle);
padding-right: var(--Spacing-x2);
padding-right: var(--Space-x2);
text-align: right;
display: flex;
flex-direction: column;
}
.wrapper {
padding-left: var(--Spacing-x2);
padding-left: var(--Space-x2);
display: flex;
align-items: center;
}

View File

@@ -7,7 +7,7 @@
gap: var(--Space-x1);
margin: 0 auto;
max-width: 588px;
padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x4);
padding: var(--Space-x3) var(--Space-x3) var(--Space-x4);
width: var(--max-width-content);
}