diff --git a/assets/sass/booking.scss b/assets/sass/booking.scss index 5889fd07..17840376 100644 --- a/assets/sass/booking.scss +++ b/assets/sass/booking.scss @@ -99,3 +99,17 @@ flex-direction: column; gap: 1rem; } + +.o-booking__content { + h4 { + @extend %h3; + } + + h5 { + @extend %h4; + } + + h6 { + @extend %h5; + } +} diff --git a/assets/sass/headings.scss b/assets/sass/headings.scss index 8d77d781..92db1fa0 100644 --- a/assets/sass/headings.scss +++ b/assets/sass/headings.scss @@ -1,4 +1,4 @@ -h1 { +%h1 { font-size: 3rem; line-height: 1.25; margin-bottom: 2rem; @@ -8,7 +8,7 @@ h1 { break-after: avoid; } -h2 { +%h2 { font-size: 2.2rem; line-height: 1.25; margin-bottom: 1rem; @@ -18,7 +18,7 @@ h2 { break-after: avoid; } -h3 { +%h3 { font-size: 2rem; line-height: 1.25; margin-bottom: 1rem; @@ -28,7 +28,7 @@ h3 { break-after: avoid; } -h4 { +%h4 { font-size: 1.8rem; line-height: 1.25; margin-bottom: 1rem; @@ -38,7 +38,7 @@ h4 { break-after: avoid; } -h5 { +%h5 { font-size: 1.6rem; line-height: 1.25; margin-bottom: 1rem; @@ -48,7 +48,7 @@ h5 { break-after: avoid; } -h6 { +%h6 { font-size: 1.4rem; line-height: 1.25; margin-bottom: 1rem; @@ -57,3 +57,27 @@ h6 { text-wrap: balance; break-after: avoid; } + +h1 { + @extend %h1; +} + +h2 { + @extend %h2; +} + +h3 { + @extend %h3; +} + +h4 { + @extend %h4; +} + +h5 { + @extend %h5; +} + +h6 { + @extend %h6; +} diff --git a/assets/sass/trainCategory.scss b/assets/sass/trainCategory.scss index d6b5ed18..326dc249 100644 --- a/assets/sass/trainCategory.scss +++ b/assets/sass/trainCategory.scss @@ -37,14 +37,14 @@ details.o-expander--train-category:not([open]) { .o-train-category__content { h4 { - @extend h3; + @extend %h3; } h5 { - @extend h4; + @extend %h4; } h6 { - @extend h5; + @extend %h5; } } diff --git a/layouts/partials/booking/booking.html b/layouts/partials/booking/booking.html index e76b3622..c90a8e3e 100644 --- a/layouts/partials/booking/booking.html +++ b/layouts/partials/booking/booking.html @@ -1,4 +1,7 @@ {{- $iconMapping := dict "website" "computer" "phone" "call" "onsite" "person" "email" "mail" "machine" "confirmation_number" "socialmedia" "add_reaction" -}} +