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

Compare commits

base: Antoine:af897015aec50563c53ac2a15bac96b0040472f6
Branches Tags
Antoine:main
..
compare: Antoine:8b542e96d688b698f2296e76e175d43a10d2f486
Branches Tags
Antoine:main

3 Commits
af897015ae ... 8b542e96d6

Author SHA1 Message Date
Antoine M
8b542e96d6 FEATURE replacing the block width by a native align support
All checks were successful
continuous-integration/drone/push Build is passing
Details
2026-05-19 15:36:22 +02:00
Antoine M
5a2c40ac3a FEATURE HAndling new case 2026-05-19 15:35:21 +02:00
Antoine M
fd58dff410 STYLE Adjust max width 2026-05-19 15:35:08 +02:00
3 changed files with 19 additions and 8 deletions
Show Stats Expand all files Collapse all files

3
resources/css/blocks/blocks-spacing.css
View File

@ -1,4 +1,5 @@
.chapter-section--width-full + .content-box {
.chapter-section--width-full + .content-box,
.chapter-section.alignfull + .content-box {
/* margin-top: -80px; */
}

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; */
}

2
resources/css/blocks/subscribe-infolettre.css
View File

@ -8,7 +8,7 @@
transform: perspective(800px) rotateY(3deg) rotateX(1deg) translateX(-50%);
}
&__inner {
@apply max-w-screen-3xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-x-12 gap-y-12 2xl:gap-x-32 py-24 xl:py-32 2xl:py-40 items-center relative z-10;
@apply max-w-screen-xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-x-12 gap-y-12 2xl:gap-x-32 py-24 xl:py-32 2xl:py-40 items-center relative z-10;
}
h1,
h2,