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 {
@apply relative flex flex-col lg:flex-row items-center justify-between gap-8 2xl:gap-12 !my-16;
@apply py-16 md:py-32 xl:py-32 2xl:py-48 px-8 md:px-20;
@apply !max-w-screen-2xl mx-auto;
@apply relative !my-16;
@apply py-16 md:py-32 xl:py-32 2xl:py-48 px-8 md:px-10;
@apply mx-auto;
color: var(--content-box-text-color);
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 {
@apply !mt-0;
}
@ -107,9 +114,10 @@
}
}
&--width-full {
&--width-full,
&.alignfull {
.chapter-section__background {
@apply !w-screen !top-0 !left-0;
@apply !w-screen !max-w-full !top-0 !left-0;
transform: unset;
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.alignfull.chapter-section--has-background
+ .chapter-section.alignfull.chapter-section--has-background {
/* @apply !-mt-20; */
/* @apply bg-red-500; */
}