From 4513ecf2d330a3bb3c87fd624320029a0732b34a Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Wed, 14 Dec 2022 12:10:17 +0100
Subject: [PATCH] breadcrumb gradient mask

---
 assets/sass/_theme/design-system/hero.sass | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/assets/sass/_theme/design-system/hero.sass b/assets/sass/_theme/design-system/hero.sass
index f9b1aeff..a2f77bd4 100644
--- a/assets/sass/_theme/design-system/hero.sass
+++ b/assets/sass/_theme/design-system/hero.sass
@@ -73,6 +73,12 @@
                     picture:last-child
                         margin-bottom: $spacing2
         &--image-portrait, &--image-square
+            .breadcrumb-nav
+                width: calc(#{col(9)} + #{half($grid-gutter)})
+                -webkit-mask-image: linear-gradient(to right, black 0%, black 90%, transparent 100%)
+                mask-image: linear-gradient(to right, black 0%, black 90%, transparent 100%)
+                .breadcrumb
+                    padding-right: 50px
             .content
                 h1
                     width: col(8)
-- 
GitLab