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