scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: Replaced deprecated Spacing variables with current values

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/ActionButtons/actionButtons.module.css
View File

@@ -1,6 +1,6 @@
.buttons {
display: flex;
gap: var(--Spacing-x4);
gap: var(--Space-x4);
justify-content: flex-end;
padding: var(--Space-x2) var(--Space-x15) 0 0;
}

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/PriceDetails/priceDetails.module.css
View File

@@ -2,7 +2,7 @@
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
padding: var(--Space-x15);
background-color: var(--Base-Surface-Secondary-light-Normal);
border-radius: var(--Corner-radius-md);

2
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/ConfirmationStep/confirmationStep.module.css
View File

@@ -1,7 +1,7 @@
.modalContent {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.termsAndConditions {

8
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectAncillaryStep/selectAncillaryStep.module.css
View File

@@ -4,19 +4,19 @@
.tabs {
display: flex;
gap: var(--Spacing-x1);
padding: var(--Spacing-x3) 0;
gap: var(--Space-x1);
padding: var(--Space-x3) 0;
flex-wrap: wrap;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(251px, 1fr));
gap: var(--Spacing-x2);
gap: var(--Space-x2);
height: 470px;
overflow-y: auto;
padding-right: var(--Space-x15);
margin-top: var(--Spacing-x2);
margin-top: var(--Space-x2);
}
.chip {

6
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectQuantityStep/selectQuantityStep.module.css
View File

@@ -11,7 +11,7 @@
padding: var(--Space-x2) var(--Space-x3);
background-color: var(--Surface-Primary-OnSurface-Default);
border-radius: var(--Corner-radius-md);
margin-bottom: var(--Spacing-x1);
margin-bottom: var(--Space-x1);
}
.selectTitle {
@@ -45,7 +45,7 @@
.breakfastPrices {
display: flex;
align-items: center;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
align-self: stretch;
}
@@ -58,7 +58,7 @@
background: var(--Surface-Feedback-Information-light);
align-items: center;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
align-self: stretch;
}

4
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/addAncillaryFlowModal.module.css
View File

@@ -24,7 +24,7 @@
.price {
display: flex;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
align-items: center;
}
@@ -45,7 +45,7 @@
.description {
display: flex;
margin: var(--Spacing-x2) 0;
margin: var(--Space-x2) 0;
}
.pointsDivider {

30
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/addedAncillaries.module.css
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);
}

4
apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/ancillaries.module.css
View File

@@ -1,7 +1,7 @@
.container {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
margin: 0 auto;
width: var(--max-width-content);
}
@@ -35,6 +35,6 @@
.ancillaries {
display: grid;
grid-template-columns: repeat(4, minmax(251px, 1fr));
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
}