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

FEATURE handlign new variations and styles

Browse Source
This commit is contained in:
Antoine M 2025-11-25 15:12:27 +01:00
parent fe35017cba
commit fdf5da229e
1 changed files with 17 additions and 4 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,6 +1,6 @@
.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 flex flex-col lg:flex-row items-center justify-between gap-8 2xl:gap-12 !my-16;
@apply py-32 xl:py-32 2xl:py-48 px-4 md:px-20; @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 max-w-screen-2xl mx-auto;
color: var(--content-box-text-color); color: var(--content-box-text-color);
min-height: 60vh; min-height: 60vh;
@ -101,9 +101,6 @@
@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: 0; z-index: 0;
@apply w-full; @apply w-full;
@screen md {
width: calc(100% - 30px);
}
&--right { &--right {
transform: scaleX(-1); transform: scaleX(-1);
@ -134,6 +131,22 @@
} */ } */
} }
&--backgrounded {
.chapter-section__background {
@screen md {
width: calc(100% - 30px);
}
}
}
&--framed {
.chapter-section__background {
width: calc(100% - 30px);
@screen md {
width: calc(100% - 30px);
}
}
}
> *:not(.chapter-section__background) { > *:not(.chapter-section__background) {
z-index: 2; z-index: 2;
} }