diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index 774ff0f9aa4a65b774c0fe35d1ab7155ef636a97..1336740cc03e30fe29512ab44f13db92d9bcb832 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/assets/sass/_theme/_configuration.sass @@ -80,6 +80,12 @@ $lead-sidebar-size-desktop: px2rem(32) !default $lead-sidebar-line-height: $lead-line-height !default $lead-sidebar-weight: $lead-weight !default +$lead-hero-font-family: $lead-sidebar-font-family !default +$lead-hero-size: $lead-size !default +$lead-hero-size-desktop: $lead-sidebar-size-desktop !default +$lead-hero-line-height: $lead-sidebar-line-height !default +$lead-hero-weight: $lead-sidebar-weight !default + // Body $body-size-desktop: px2rem(22) !default $body-size: px2rem(18) !default diff --git a/assets/sass/_theme/design-system/hero.sass b/assets/sass/_theme/design-system/hero.sass index 28833f74a895687e32394e82c660311c4b10ce8f..318ae6e90e77d69a2e31fe13a062a436d5aa099c 100644 --- a/assets/sass/_theme/design-system/hero.sass +++ b/assets/sass/_theme/design-system/hero.sass @@ -21,6 +21,8 @@ h1 + p margin-top: $spacing1 + .lead + @include lead-hero figure position: relative &, img, picture diff --git a/assets/sass/_theme/design-system/typography.sass b/assets/sass/_theme/design-system/typography.sass index 48d71d99189909e61421c391a63dd71e6434cbc6..82b06aafe0d1b7d7a2844b4cb825a058101a0a0b 100644 --- a/assets/sass/_theme/design-system/typography.sass +++ b/assets/sass/_theme/design-system/typography.sass @@ -118,6 +118,15 @@ h2, .h2 .lead @include lead +@mixin lead-hero + font-family: $lead-hero-font-family + font-size: $lead-hero-size + font-weight: $lead-hero-weight + line-height: $lead-hero-line-height + @include media-breakpoint-up(desktop) + font-size: $lead-hero-size-desktop + + @mixin body-text font-family: $body-font-family font-size: $body-size