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

FEATURE Refining block to handle block width variation
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Antoine M 2025-07-03 10:24:06 +02:00
parent 108ffcf167
commit 2056c8e514
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,8 +1,8 @@
.chapter-section { .chapter-section {
@apply flex items-center justify-between gap-8 2xl:gap-12 !my-0 px-12; @apply relative flex items-center justify-between gap-8 2xl:gap-12 !my-0;
@apply xl:py-32 2xl:py-48; @apply py-32 xl:py-32 2xl:py-48 px-32;
@apply max-w-screen-2xl;
@apply mx-auto; @apply max-w-screen-2xl mx-auto;
h2 { h2 {
@apply title-small; @apply title-small;
@ -10,12 +10,11 @@
h3 { h3 {
@apply subtitle-big; @apply subtitle-big;
} }
&--right { &--right {
@apply flex-row-reverse; @apply flex-row-reverse;
} }
&--has-background { &--has-background {
@apply relative !py-12 xl:py-24 !my-12; @apply relative py-12 xl:py-24 !my-12;
} }
&__content { &__content {
@apply max-w-3xl; @apply max-w-3xl;
@ -49,6 +48,7 @@
@apply !h-12; @apply !h-12;
} }
} }
&__background { &__background {
@apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full; @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full;
z-index: 1; z-index: 1;
@ -58,6 +58,15 @@
transform: scaleX(-1); transform: scaleX(-1);
} }
} }
&--width-full {
.chapter-section__background {
@apply !w-screen !top-0 !left-0;
transform: unset;
margin: 0 calc(50% - 50vw) !important;
}
}
> *:not(.chapter-section__background) { > *:not(.chapter-section__background) {
z-index: 2; z-index: 2;
} }