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

fix: replace old spacing variables with new matching ones

Browse Source
This commit is contained in:
Christian Andolf
2025-05-28 14:32:49 +02:00
parent b3b3704c86
commit 13136509b6
10 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/ContentType/HotelMapPage/Sidebar/sidebar.module.css
View File

@@ -128,7 +128,7 @@
} }
.sidebarContent { .sidebarContent {
padding: var(--Space-x4) var(--Space-x5) var(--Space-x8); padding: var(--Space-x4) var(--Space-x5) var(--Space-x9);
height: 100%; height: 100%;
position: relative; position: relative;
} }

2
apps/scandic-web/components/ContentType/HotelSubpage/AccessibilitySubpage/accessibilitySubpage.module.css
View File

@@ -1,5 +1,5 @@
.accessibilitySubpage { .accessibilitySubpage {
padding-bottom: var(--Space-x8); padding-bottom: var(--Space-x9);
color: var(--Text-Default); color: var(--Text-Default);
display: grid; display: grid;
gap: var(--Space-x4); gap: var(--Space-x4);

4
apps/scandic-web/components/ContentType/HotelSubpage/MeetingsSubpage/meetingsSubpage.module.css
View File

@@ -1,5 +1,5 @@
.meetingsSubpage { .meetingsSubpage {
padding-bottom: var(--Space-x8); padding-bottom: var(--Space-x9);
color: var(--Text-Default); color: var(--Text-Default);
display: grid; display: grid;
gap: var(--Space-x4); gap: var(--Space-x4);
@@ -45,7 +45,7 @@
grid-template-columns: var(--max-width-text-block) 1fr; grid-template-columns: var(--max-width-text-block) 1fr;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
row-gap: var(--Space-x2); row-gap: var(--Space-x2);
column-gap: var(--Space-x8); column-gap: var(--Space-x9);
} }
.divider { .divider {

4
apps/scandic-web/components/ContentType/HotelSubpage/ParkingSubpage/parkingSubpage.module.css
View File

@@ -1,5 +1,5 @@
.parkingSubpage { .parkingSubpage {
padding-bottom: var(--Space-x8); padding-bottom: var(--Space-x9);
color: var(--Text-Default); color: var(--Text-Default);
display: grid; display: grid;
gap: var(--Space-x4); gap: var(--Space-x4);
@@ -45,7 +45,7 @@
grid-template-columns: var(--max-width-text-block) 1fr; grid-template-columns: var(--max-width-text-block) 1fr;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
row-gap: var(--Space-x2); row-gap: var(--Space-x2);
column-gap: var(--Space-x8); column-gap: var(--Space-x9);
} }
.divider { .divider {

4
apps/scandic-web/components/ContentType/HotelSubpage/RestaurantSubpage/restaurantSubpage.module.css
View File

@@ -1,5 +1,5 @@
.restaurantSubpage { .restaurantSubpage {
padding-bottom: var(--Space-x8); padding-bottom: var(--Space-x9);
color: var(--Text-Default); color: var(--Text-Default);
display: grid; display: grid;
gap: var(--Space-x4); gap: var(--Space-x4);
@@ -48,7 +48,7 @@
grid-template-columns: var(--max-width-text-block) 1fr; grid-template-columns: var(--max-width-text-block) 1fr;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
row-gap: var(--Space-x2); row-gap: var(--Space-x2);
column-gap: var(--Space-x8); column-gap: var(--Space-x9);
} }
.divider { .divider {

4
apps/scandic-web/components/ContentType/HotelSubpage/ReviewsSubpage/reviewsSubpage.module.css
View File

@@ -1,5 +1,5 @@
.reviewsSubpage { .reviewsSubpage {
padding-bottom: var(--Space-x8); padding-bottom: var(--Space-x9);
color: var(--Text-Default); color: var(--Text-Default);
} }
@@ -65,7 +65,7 @@
.contentContainer { .contentContainer {
grid-template-columns: var(--max-width-text-block) 1fr; grid-template-columns: var(--max-width-text-block) 1fr;
grid-template-areas: "main sidebar"; grid-template-areas: "main sidebar";
gap: var(--Space-x8); gap: var(--Space-x9);
} }
.mainContent { .mainContent {

4
apps/scandic-web/components/ContentType/HotelSubpage/WellnessSubpage/wellnessSubpage.module.css
View File

@@ -1,5 +1,5 @@
.wellnessSubpage { .wellnessSubpage {
padding-bottom: var(--Space-x8); padding-bottom: var(--Space-x9);
color: var(--Text-Default); color: var(--Text-Default);
display: grid; display: grid;
gap: var(--Space-x4); gap: var(--Space-x4);
@@ -40,7 +40,7 @@
grid-template-columns: var(--max-width-text-block) 1fr; grid-template-columns: var(--max-width-text-block) 1fr;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
row-gap: var(--Space-x2); row-gap: var(--Space-x2);
column-gap: var(--Space-x8); column-gap: var(--Space-x9);
} }
.divider { .divider {

2
apps/scandic-web/components/Footer/Navigation/navigation.module.css
View File

@@ -12,7 +12,7 @@
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.section { .section {
padding: var(--Space-x8) 0; padding: var(--Space-x9) 0;
} }
.maxWidth { .maxWidth {

2
apps/scandic-web/components/MyPages/Profile/profile.module.css
View File

@@ -33,7 +33,7 @@
.content { .content {
display: grid; display: grid;
padding-bottom: var(--Space-x8); padding-bottom: var(--Space-x9);
position: relative; position: relative;
} }

4
packages/design-system/example/components/ContentPage/Main/main.module.css
View File

@@ -2,7 +2,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: var(--Space-x4); padding-top: var(--Space-x4);
padding-bottom: var(--Space-x8); padding-bottom: var(--Space-x9);
} }
.main > * { .main > * {
@@ -14,5 +14,5 @@
padding-top: var(--Space-x4); padding-top: var(--Space-x4);
display: grid; display: grid;
grid-template-columns: 792px 1fr; /* TODO: Magic number, revisit */ grid-template-columns: 792px 1fr; /* TODO: Magic number, revisit */
gap: var(--Space-x8); gap: var(--Space-x9);
} }