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

14
apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/multiRoom.module.css
View File

@@ -1,23 +1,23 @@
.wrapper {
display: flex;
flex-direction: column;
gap: var(--Spacing-x3);
gap: var(--Space-x3);
}
.title {
color: var(--Scandic-Brand-Burgundy);
padding: 0 var(--Spacing-x2);
padding: 0 var(--Space-x2);
}
.container {
display: flex;
flex-direction: column;
gap: var(--Spacing-x5);
gap: var(--Space-x5);
}
.roomsContainer {
display: grid;
gap: var(--Spacing-x3);
gap: var(--Space-x3);
grid-template-columns: 1fr;
width: 100%;
}
@@ -25,14 +25,14 @@
.totalContainer {
display: flex;
flex-direction: column;
gap: var(--Spacing-x1);
padding: 0 var(--Spacing-x2);
gap: var(--Space-x1);
padding: 0 var(--Space-x2);
}
.total {
display: flex;
justify-content: flex-end;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
}
@media (min-width: 768px) {

2
apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/sidePeek.module.css
View File

@@ -4,5 +4,5 @@
border-radius: var(--Corner-radius-sm);
cursor: pointer;
display: flex;
padding: var(--Spacing-x-half);
padding: var(--Space-x05);
}

6
apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/PriceDetails/details.module.css
View File

@@ -2,9 +2,9 @@
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;
}
@@ -12,7 +12,7 @@
.price {
align-items: center;
display: flex;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
justify-content: space-between;
width: 100%;
}

4
apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/BookingInformation/information.module.css
View File

@@ -5,8 +5,8 @@
border-radius: var(--Corner-radius-md);
display: flex;
flex-direction: column-reverse;
gap: var(--Spacing-x2);
margin: 0 var(--Spacing-x2);
gap: var(--Space-x2);
margin: 0 var(--Space-x2);
}
@media (min-width: 768px) {

2
apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/details.module.css
View File

@@ -1,6 +1,6 @@
.details {
max-width: 100%;
padding: 0 var(--Spacing-x2);
padding: 0 var(--Space-x2);
}
@media (min-width: 768px) {

6
apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Header/header.module.css
View File

@@ -1,7 +1,7 @@
.header {
display: flex;
gap: var(--Space-x15);
padding: 0 var(--Spacing-x2);
padding: 0 var(--Space-x2);
}
.container {
@@ -13,12 +13,12 @@
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);
}
.reference {
display: flex;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
}
.sidePeek {

4
apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Packages/packages.module.css
View File

@@ -1,7 +1,7 @@
.packages {
display: flex;
flex-direction: row;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
left: 15px;
position: absolute;
top: 180px;
@@ -11,7 +11,7 @@
.package {
background-color: var(--Main-Grey-White);
border-radius: var(--Corner-radius-sm);
padding: var(--Spacing-x-half) var(--Spacing-x1);
padding: var(--Space-x05) var(--Space-x1);
}
@media (min-width: 768px) {

18
apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/room.module.css
View File

@@ -1,26 +1,26 @@
.wrapper {
display: flex;
flex-direction: column;
gap: var(--Spacing-x3);
gap: var(--Space-x3);
}
.container {
display: flex;
flex-direction: column;
gap: var(--Spacing-x5);
gap: var(--Space-x5);
}
.room {
background-color: var(--Background-Primary);
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
padding: var(--Spacing-x3) 0;
gap: var(--Space-x2);
padding: var(--Space-x3) 0;
}
.roomName {
color: var(--Scandic-Brand-Burgundy);
padding: 0 var(--Spacing-x2);
padding: 0 var(--Space-x2);
}
.booking {
@@ -31,7 +31,7 @@
.content {
display: grid;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
position: relative;
width: 100%;
margin: 0 auto;
@@ -45,12 +45,12 @@
.roomDetails {
display: flex;
flex-direction: column;
gap: var(--Spacing-x5);
gap: var(--Space-x5);
}
.guestDetailsMobileWrapper {
display: block;
padding: 0 var(--Spacing-x2);
padding: 0 var(--Space-x2);
}
.guestDetailsDesktopWrapper {
@@ -73,7 +73,7 @@
}
.content {
padding: var(--Spacing-x2);
padding: var(--Space-x2);
grid-template-columns: 3fr 2fr;
width: var(--max-width-content);
}