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

FEATURE extending comoonents variants with has background, backgroundColor and disposition

Browse Source
This commit is contained in:
Antoine M 2025-06-03 16:49:14 +02:00
parent 2ef95207d2
commit 91af9e697f
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
resources/css/blocks/chapter-section.css
View File

@ -1,15 +1,10 @@
.chapter-section { .chapter-section {
@apply flex items-center justify-between gap-8 2xl:gap-12 !my-0 px-12; @apply flex items-center justify-between gap-8 2xl:gap-12 !my-0 px-12;
/* min-height: 80vh; */
@apply xl:py-32 2xl:py-48; @apply xl:py-32 2xl:py-48;
@apply max-w-screen-2xl; @apply max-w-screen-2xl;
@apply mx-auto; @apply mx-auto;
/* & + *:not(.simple-screen) {
@apply xl:mt-32;
} */
h2 { h2 {
@apply title-small; @apply title-small;
} }
@ -19,6 +14,9 @@
&--right { &--right {
@apply flex-row-reverse; @apply flex-row-reverse;
} }
&--has-background {
@apply relative !py-12 xl:py-24 !my-12;
}
&__content { &__content {
/* flex-shrink: 0; */ /* flex-shrink: 0; */
@apply max-w-3xl; @apply max-w-3xl;
@ -51,4 +49,15 @@
@apply !h-12; @apply !h-12;
} }
} }
&__background {
@apply absolute top-0 left-0 w-full h-full;
z-index: 1;
&--right {
transform: scaleX(-1);
}
}
> *:not(.chapter-section__background) {
z-index: 2;
}
} }