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

FEATURE replacing the block width by a native align support
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Antoine M 2026-05-19 15:36:22 +02:00
parent 5a2c40ac3a
commit 8b542e96d6
1 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,10 +1,17 @@
.chapter-section { .chapter-section {
@apply relative flex flex-col lg:flex-row items-center justify-between gap-8 2xl:gap-12 !my-16; @apply relative !my-16;
@apply py-16 md:py-32 xl:py-32 2xl:py-48 px-8 md:px-20; @apply py-16 md:py-32 xl:py-32 2xl:py-48 px-8 md:px-10;
@apply !max-w-screen-2xl mx-auto; @apply mx-auto;
color: var(--content-box-text-color); color: var(--content-box-text-color);
min-height: 60vh; min-height: 60vh;
&__inner {
@apply flex flex-col lg:flex-row items-center justify-between gap-8 2xl:gap-12;
@apply w-full;
@apply mx-auto;
@apply max-w-screen-2xl;
}
&:first-child { &:first-child {
@apply !mt-0; @apply !mt-0;
} }
@ -107,9 +114,10 @@
} }
} }
&--width-full { &--width-full,
&.alignfull {
.chapter-section__background { .chapter-section__background {
@apply !w-screen !top-0 !left-0; @apply !w-screen !max-w-full !top-0 !left-0;
transform: unset; transform: unset;
margin: 0 calc(50% - 50vw) !important; margin: 0 calc(50% - 50vw) !important;
} }
@ -172,7 +180,9 @@
} }
.chapter-section--width-full.chapter-section--has-background .chapter-section--width-full.chapter-section--has-background
+ .chapter-section--width-full.chapter-section--has-background { + .chapter-section--width-full.chapter-section--has-background,
.chapter-section.alignfull.chapter-section--has-background
+ .chapter-section.alignfull.chapter-section--has-background {
/* @apply !-mt-20; */ /* @apply !-mt-20; */
/* @apply bg-red-500; */ /* @apply bg-red-500; */
} }