From 13136509b63976a36fa1b2b0c6085806ec659cb4 Mon Sep 17 00:00:00 2001 From: Christian Andolf Date: Wed, 28 May 2025 14:32:49 +0200 Subject: [PATCH] fix: replace old spacing variables with new matching ones --- .../ContentType/HotelMapPage/Sidebar/sidebar.module.css | 2 +- .../AccessibilitySubpage/accessibilitySubpage.module.css | 2 +- .../HotelSubpage/MeetingsSubpage/meetingsSubpage.module.css | 4 ++-- .../HotelSubpage/ParkingSubpage/parkingSubpage.module.css | 4 ++-- .../RestaurantSubpage/restaurantSubpage.module.css | 4 ++-- .../HotelSubpage/ReviewsSubpage/reviewsSubpage.module.css | 4 ++-- .../HotelSubpage/WellnessSubpage/wellnessSubpage.module.css | 4 ++-- .../components/Footer/Navigation/navigation.module.css | 2 +- .../scandic-web/components/MyPages/Profile/profile.module.css | 2 +- .../example/components/ContentPage/Main/main.module.css | 4 ++-- 10 files changed, 16 insertions(+), 16 deletions(-) diff --git a/apps/scandic-web/components/ContentType/HotelMapPage/Sidebar/sidebar.module.css b/apps/scandic-web/components/ContentType/HotelMapPage/Sidebar/sidebar.module.css index 5e4baac99..2f701b15d 100644 --- a/apps/scandic-web/components/ContentType/HotelMapPage/Sidebar/sidebar.module.css +++ b/apps/scandic-web/components/ContentType/HotelMapPage/Sidebar/sidebar.module.css @@ -128,7 +128,7 @@ } .sidebarContent { - padding: var(--Space-x4) var(--Space-x5) var(--Space-x8); + padding: var(--Space-x4) var(--Space-x5) var(--Space-x9); height: 100%; position: relative; } diff --git a/apps/scandic-web/components/ContentType/HotelSubpage/AccessibilitySubpage/accessibilitySubpage.module.css b/apps/scandic-web/components/ContentType/HotelSubpage/AccessibilitySubpage/accessibilitySubpage.module.css index b7db3bd3d..3241124b0 100644 --- a/apps/scandic-web/components/ContentType/HotelSubpage/AccessibilitySubpage/accessibilitySubpage.module.css +++ b/apps/scandic-web/components/ContentType/HotelSubpage/AccessibilitySubpage/accessibilitySubpage.module.css @@ -1,5 +1,5 @@ .accessibilitySubpage { - padding-bottom: var(--Space-x8); + padding-bottom: var(--Space-x9); color: var(--Text-Default); display: grid; gap: var(--Space-x4); diff --git a/apps/scandic-web/components/ContentType/HotelSubpage/MeetingsSubpage/meetingsSubpage.module.css b/apps/scandic-web/components/ContentType/HotelSubpage/MeetingsSubpage/meetingsSubpage.module.css index 10842b35a..934960c2f 100644 --- a/apps/scandic-web/components/ContentType/HotelSubpage/MeetingsSubpage/meetingsSubpage.module.css +++ b/apps/scandic-web/components/ContentType/HotelSubpage/MeetingsSubpage/meetingsSubpage.module.css @@ -1,5 +1,5 @@ .meetingsSubpage { - padding-bottom: var(--Space-x8); + padding-bottom: var(--Space-x9); color: var(--Text-Default); display: grid; gap: var(--Space-x4); @@ -45,7 +45,7 @@ grid-template-columns: var(--max-width-text-block) 1fr; grid-template-rows: auto 1fr; row-gap: var(--Space-x2); - column-gap: var(--Space-x8); + column-gap: var(--Space-x9); } .divider { diff --git a/apps/scandic-web/components/ContentType/HotelSubpage/ParkingSubpage/parkingSubpage.module.css b/apps/scandic-web/components/ContentType/HotelSubpage/ParkingSubpage/parkingSubpage.module.css index 6ab377a97..89db4c736 100644 --- a/apps/scandic-web/components/ContentType/HotelSubpage/ParkingSubpage/parkingSubpage.module.css +++ b/apps/scandic-web/components/ContentType/HotelSubpage/ParkingSubpage/parkingSubpage.module.css @@ -1,5 +1,5 @@ .parkingSubpage { - padding-bottom: var(--Space-x8); + padding-bottom: var(--Space-x9); color: var(--Text-Default); display: grid; gap: var(--Space-x4); @@ -45,7 +45,7 @@ grid-template-columns: var(--max-width-text-block) 1fr; grid-template-rows: auto 1fr; row-gap: var(--Space-x2); - column-gap: var(--Space-x8); + column-gap: var(--Space-x9); } .divider { diff --git a/apps/scandic-web/components/ContentType/HotelSubpage/RestaurantSubpage/restaurantSubpage.module.css b/apps/scandic-web/components/ContentType/HotelSubpage/RestaurantSubpage/restaurantSubpage.module.css index f42aa69a8..c89b51cef 100644 --- a/apps/scandic-web/components/ContentType/HotelSubpage/RestaurantSubpage/restaurantSubpage.module.css +++ b/apps/scandic-web/components/ContentType/HotelSubpage/RestaurantSubpage/restaurantSubpage.module.css @@ -1,5 +1,5 @@ .restaurantSubpage { - padding-bottom: var(--Space-x8); + padding-bottom: var(--Space-x9); color: var(--Text-Default); display: grid; gap: var(--Space-x4); @@ -48,7 +48,7 @@ grid-template-columns: var(--max-width-text-block) 1fr; grid-template-rows: auto 1fr; row-gap: var(--Space-x2); - column-gap: var(--Space-x8); + column-gap: var(--Space-x9); } .divider { diff --git a/apps/scandic-web/components/ContentType/HotelSubpage/ReviewsSubpage/reviewsSubpage.module.css b/apps/scandic-web/components/ContentType/HotelSubpage/ReviewsSubpage/reviewsSubpage.module.css index aa53bb7d9..1fc78b7ec 100644 --- a/apps/scandic-web/components/ContentType/HotelSubpage/ReviewsSubpage/reviewsSubpage.module.css +++ b/apps/scandic-web/components/ContentType/HotelSubpage/ReviewsSubpage/reviewsSubpage.module.css @@ -1,5 +1,5 @@ .reviewsSubpage { - padding-bottom: var(--Space-x8); + padding-bottom: var(--Space-x9); color: var(--Text-Default); } @@ -65,7 +65,7 @@ .contentContainer { grid-template-columns: var(--max-width-text-block) 1fr; grid-template-areas: "main sidebar"; - gap: var(--Space-x8); + gap: var(--Space-x9); } .mainContent { diff --git a/apps/scandic-web/components/ContentType/HotelSubpage/WellnessSubpage/wellnessSubpage.module.css b/apps/scandic-web/components/ContentType/HotelSubpage/WellnessSubpage/wellnessSubpage.module.css index 8e21f803e..01596d88b 100644 --- a/apps/scandic-web/components/ContentType/HotelSubpage/WellnessSubpage/wellnessSubpage.module.css +++ b/apps/scandic-web/components/ContentType/HotelSubpage/WellnessSubpage/wellnessSubpage.module.css @@ -1,5 +1,5 @@ .wellnessSubpage { - padding-bottom: var(--Space-x8); + padding-bottom: var(--Space-x9); color: var(--Text-Default); display: grid; gap: var(--Space-x4); @@ -40,7 +40,7 @@ grid-template-columns: var(--max-width-text-block) 1fr; grid-template-rows: auto 1fr; row-gap: var(--Space-x2); - column-gap: var(--Space-x8); + column-gap: var(--Space-x9); } .divider { diff --git a/apps/scandic-web/components/Footer/Navigation/navigation.module.css b/apps/scandic-web/components/Footer/Navigation/navigation.module.css index 09413fe7c..da1190ac5 100644 --- a/apps/scandic-web/components/Footer/Navigation/navigation.module.css +++ b/apps/scandic-web/components/Footer/Navigation/navigation.module.css @@ -12,7 +12,7 @@ @media screen and (min-width: 768px) { .section { - padding: var(--Space-x8) 0; + padding: var(--Space-x9) 0; } .maxWidth { diff --git a/apps/scandic-web/components/MyPages/Profile/profile.module.css b/apps/scandic-web/components/MyPages/Profile/profile.module.css index 5145b025b..e6754f6ee 100644 --- a/apps/scandic-web/components/MyPages/Profile/profile.module.css +++ b/apps/scandic-web/components/MyPages/Profile/profile.module.css @@ -33,7 +33,7 @@ .content { display: grid; - padding-bottom: var(--Space-x8); + padding-bottom: var(--Space-x9); position: relative; } diff --git a/packages/design-system/example/components/ContentPage/Main/main.module.css b/packages/design-system/example/components/ContentPage/Main/main.module.css index 84f92a6cc..d298872ba 100644 --- a/packages/design-system/example/components/ContentPage/Main/main.module.css +++ b/packages/design-system/example/components/ContentPage/Main/main.module.css @@ -2,7 +2,7 @@ display: flex; flex-direction: column; padding-top: var(--Space-x4); - padding-bottom: var(--Space-x8); + padding-bottom: var(--Space-x9); } .main > * { @@ -14,5 +14,5 @@ padding-top: var(--Space-x4); display: grid; grid-template-columns: 792px 1fr; /* TODO: Magic number, revisit */ - gap: var(--Space-x8); + gap: var(--Space-x9); }