Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Introducing a sliced-background variation

Browse Source
This commit is contained in:
Antoine M 2026-01-30 10:17:50 +01:00
parent c37949ce27
commit 1310eedfef
1 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
resources/css/components/page-header.css
View File

@ -1,5 +1,21 @@
.page-header { .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 { &__inner {
@apply grid grid-cols-1 gap-x-24 gap-y-20 !py-0; @apply grid grid-cols-1 gap-x-24 gap-y-20 !py-0;
@ -16,6 +32,7 @@
} }
&__subtitle { &__subtitle {
@apply text-white text-5xl; @apply text-white text-5xl;
line-height: 1.2;
} }
&__description { &__description {
@apply mb-8 lg:mb-16; @apply mb-8 lg:mb-16;