diff --git a/resources/css/components/page-header.css b/resources/css/components/page-header.css index a14afb3..24a4db9 100644 --- a/resources/css/components/page-header.css +++ b/resources/css/components/page-header.css @@ -1,5 +1,21 @@ .page-header { - @apply bg-primary text-white py-16 items-center; + @apply bg-primary text-white py-16 items-center relative; + + &--sliced-background { + @apply bg-transparent; + &::before { + z-index: -1; + content: ''; + @apply absolute inset-0; + background-image: url('../resources/img/shapes/background-shape-A_green.svg'); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; + + width: 100%; + height: 100%; + } + } &__inner { @apply grid grid-cols-1 gap-x-24 gap-y-20 !py-0; @@ -16,6 +32,7 @@ } &__subtitle { @apply text-white text-5xl; + line-height: 1.2; } &__description { @apply mb-8 lg:mb-16;