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

40
apps/scandic-web/components/SidePeeks/BookedRoomSidePeekContent/bookedRoomSidePeekContent.module.css
View File

@@ -1,20 +1,20 @@
.button {
margin-left: auto;
padding: 0 0 0 var(--Spacing-x-half);
padding: 0 0 0 var(--Space-x05);
text-decoration: none;
}
.wrapper {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
position: relative;
}
.mainContent {
display: flex;
flex-direction: column;
gap: var(--Spacing-x3);
gap: var(--Space-x3);
}
.listContainer {
@@ -33,13 +33,13 @@
background-color: var(--Scandic-Peach-30);
color: var(--Scandic-Red-100);
border-radius: var(--Corner-radius-sm);
padding: var(--Spacing-x-half) var(--Spacing-x1);
padding: var(--Space-x05) var(--Space-x1);
height: fit-content;
}
.reference {
display: flex;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
}
.imageContainer {
@@ -72,7 +72,7 @@
.rowTitle {
display: flex;
flex-direction: row;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
.rowTitle svg {
@@ -81,14 +81,14 @@
}
.rowContent {
padding-left: var(--Spacing-x4);
padding-left: var(--Space-x4);
}
.bookingInformation {
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
background-color: var(--Scandic-Beige-10);
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-md);
@@ -98,16 +98,16 @@
display: flex;
flex-direction: column;
align-items: center;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
padding: var(--Space-x15) 0;
width: calc(100% - var(--Spacing-x4));
width: calc(100% - var(--Space-x4));
justify-content: center;
margin: 0 auto;
}
.price {
display: flex;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
justify-content: space-between;
align-items: center;
width: 100%;
@@ -119,19 +119,19 @@
.facilityList {
column-count: 2;
column-gap: var(--Spacing-x2);
column-gap: var(--Space-x2);
}
.facilityList li {
display: flex !important; /* Overrides the display none from grids.stackable on Hotel Page */
gap: var(--Spacing-x1);
margin-bottom: var(--Spacing-x-half);
gap: var(--Space-x1);
margin-bottom: var(--Space-x05);
}
.bedOptions li {
display: flex;
gap: var(--Spacing-x1);
margin-bottom: var(--Spacing-x-half);
gap: var(--Space-x1);
margin-bottom: var(--Space-x05);
}
.facilityList li svg {
@@ -139,13 +139,13 @@
}
.noIcon {
margin-left: var(--Spacing-x4);
margin-left: var(--Space-x4);
}
.buttonContainer {
background-color: var(--Background-Primary);
border-top: 1px solid var(--Base-Border-Subtle);
padding: var(--Spacing-x4) var(--Spacing-x2);
padding: var(--Space-x4) var(--Space-x2);
width: 100%;
position: absolute;
left: 0;
@@ -163,8 +163,8 @@
.descriptionContainer {
display: flex;
flex-direction: column;
padding: var(--Spacing-x3);
gap: var(--Spacing-x3);
padding: var(--Space-x3);
gap: var(--Space-x3);
background-color: var(--Main-Grey-White);
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-sm);