From b3612f667569ac12a265112b2f2303e074b5776e Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Fri, 5 May 2023 09:22:26 +0200
Subject: [PATCH] handle lead hero font style
---
assets/sass/_theme/_configuration.sass | 6 ++++++
assets/sass/_theme/design-system/hero.sass | 2 ++
assets/sass/_theme/design-system/typography.sass | 9 +++++++++
3 files changed, 17 insertions(+)
diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 774ff0f9..1336740c 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 28833f74..318ae6e9 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 48d71d99..82b06aaf 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
--
GitLab