From fea5510a79c358d920b7bf77578d98b5981b00a1 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Mon, 26 Dec 2022 21:52:23 +0100
Subject: [PATCH] hero
---
assets/sass/_theme/_configuration.sass | 1 +
assets/sass/_theme/blocks/base.sass | 6 ++++++
assets/sass/_theme/blocks/chapter.sass | 3 +++
assets/sass/_theme/design-system/hero.sass | 15 ++++++++++-----
4 files changed, 20 insertions(+), 5 deletions(-)
diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index f14886bf..cbe56683 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -194,6 +194,7 @@ $breadcrumb-color: $hero-color !default
$breadcrumb-icon: "caret-right" !default
$breadcrumb-icon-color: $color-text-alt !default
+
// Icons
$icons: ()
$icons: map-merge($icons, ("arrow": "\e905"))
diff --git a/assets/sass/_theme/blocks/base.sass b/assets/sass/_theme/blocks/base.sass
index 9267e376..26694794 100644
--- a/assets/sass/_theme/blocks/base.sass
+++ b/assets/sass/_theme/blocks/base.sass
@@ -14,3 +14,9 @@
+ .description
margin-top: $spacing2
+// Specific
+$backgrounded_blocks: ".block-call_to_action, .block-chapter--accent_background, .block-chapter--alt_background, .block-timeline--horizontal, .block-pages--cards"
+.blocks
+ .block:first-child
+ &:not(#{$backgrounded_blocks})
+ padding-top: 0
diff --git a/assets/sass/_theme/blocks/chapter.sass b/assets/sass/_theme/blocks/chapter.sass
index 41ca229a..fc8724ca 100644
--- a/assets/sass/_theme/blocks/chapter.sass
+++ b/assets/sass/_theme/blocks/chapter.sass
@@ -27,6 +27,7 @@
color: $block-chapter-layout-accent-color
a
@include link($block-chapter-layout-accent-color)
+
@include media-breakpoint-down(desktop)
&--with-image
&.block-chapter--alt_background, &.block-chapter--accent_background
@@ -38,6 +39,8 @@
max-width: col(4, 8)
&--alt_background, &--accent_background
background: none
+ padding-bottom: 0
+ padding-top: 0
.chapter .text
padding: $grid-gutter col(1, 8)
figure
diff --git a/assets/sass/_theme/design-system/hero.sass b/assets/sass/_theme/design-system/hero.sass
index 25ba6a6f..4d369ad8 100644
--- a/assets/sass/_theme/design-system/hero.sass
+++ b/assets/sass/_theme/design-system/hero.sass
@@ -23,11 +23,8 @@
bottom: 0
z-index: -1
-
- nav + .content
- margin-top: $spacing3
-
.content
+ margin-top: calc(#{$spacing3} + #{$spacing1} + #{$meta-size-desktop})
h1 + p
margin-top: $spacing1
figure
@@ -71,6 +68,9 @@
figcaption p
display: block
+ nav + .content
+ margin-top: $spacing3
+
// TODO : handle hero with image
// @if $breadcrumb-below-h1
// .container:first-child
@@ -119,6 +119,11 @@
figure
width: col(5)
+ &--image-landscape
+ .content
+ figure
+ font-size: $h1-size-desktop
+ margin-top: 0.5ex
&--image-portrait, &--image-square
.breadcrumb-nav
width: calc(#{col(9)} + #{half($grid-gutter)})
@@ -131,5 +136,5 @@
width: col(8)
figure
margin-top: calc(-#{$spacing3} - #{$spacing1})
- width: col(3)
+ width: col(4)
--
GitLab