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

@@ -10,12 +10,12 @@
.childInfoContainer {
display: grid;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
grid-template-columns: 1fr 2fr;
}
.error {
display: flex;
align-items: center;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}

View File

@@ -41,17 +41,17 @@
.roomContainer {
display: grid;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.roomDetailsContainer {
display: grid;
gap: var(--Spacing-x2);
padding-bottom: var(--Spacing-x1);
gap: var(--Space-x2);
padding-bottom: var(--Space-x1);
}
.roomHeading {
margin-bottom: var(--Spacing-x1);
margin-bottom: var(--Space-x1);
}
.btn {
@@ -78,11 +78,11 @@
.footer {
display: flex;
flex-direction: row;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
.roomContainer {
padding: var(--Spacing-x2);
padding: var(--Space-x2);
}
.roomContainer:last-of-type {
@@ -116,7 +116,7 @@
.header {
display: grid;
grid-area: header;
padding: var(--Spacing-x3) var(--Spacing-x2) 0;
padding: var(--Space-x3) var(--Space-x2) 0;
}
.close {
@@ -134,7 +134,7 @@
rgba(255, 255, 255, 0) 7.5%,
#ffffff 82.5%
);
padding: var(--Spacing-x2) var(--Spacing-x2) var(--Spacing-x7);
padding: var(--Space-x2) var(--Space-x2) var(--Space-x7);
position: sticky;
bottom: 0;
width: 100%;
@@ -155,12 +155,12 @@
}
.addRoomMobileContainer .addRoomMobileDisabledText {
padding: var(--Spacing-x1) var(--Spacing-x2);
padding: var(--Space-x1) var(--Space-x2);
background-color: var(--Background-Primary);
margin: 0 var(--Spacing-x2);
margin: 0 var(--Space-x2);
border-radius: var(--Corner-radius-md);
display: flex;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
}
@@ -178,7 +178,7 @@
}
.roomContainer {
padding: var(--Spacing-x2) 0 0 0;
padding: var(--Space-x2) 0 0 0;
}
.roomContainer:first-of-type {
@@ -216,7 +216,7 @@
border-radius: var(--Corner-radius-lg);
box-shadow: var(--popup-box-shadow);
max-width: calc(100vw - 20px);
padding: var(--Spacing-x2) var(--Spacing-x3);
padding: var(--Space-x2) var(--Space-x3);
width: 360px;
}
@@ -230,7 +230,7 @@
.footer {
grid-template-columns: auto auto;
padding-top: var(--Spacing-x2);
padding-top: var(--Space-x2);
}
.footer button {