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

STYLE update chapter-section layout and typography, enhancing content structure and responsiveness

Browse Source
This commit is contained in:
Antoine M 2025-05-23 18:04:04 +02:00
parent 6f9693927d
commit c6b059f621
1 changed files with 47 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,46 +1,54 @@
.chapter-section { .chapter-section {
@apply flex items-center justify-center gap-8 2xl:gap-12 !my-0 px-12; @apply flex items-center justify-between gap-8 2xl:gap-12 !my-0 px-12;
/* min-height: 80vh; */ /* min-height: 80vh; */
@apply xl:pt-32; @apply xl:py-32 2xl:py-48;
@apply max-w-screen-2xl;
@apply mx-auto; @apply mx-auto;
/* & + *:not(.simple-screen) { /* & + *:not(.simple-screen) {
@apply xl:mt-32; @apply xl:mt-32;
} */ } */
&--right {
@apply flex-row-reverse;
}
&__content {
flex-shrink: 0;
@apply max-w-lg;
p {
@apply text-neutral-600 max-w-sm;
}
}
&__innerblocks {
/* @apply max-w-xl; */
p {
}
}
&__cover {
@apply object-contain;
min-width: 0;
flex-shrink: 1;
max-width: 100%; /* Empêche de dépasser son conteneur */
display: block;
&--large { h2 {
@apply !h-96; @apply title-small;
} }
&--grande { h3 {
@apply !h-80; @apply subtitle-big;
} }
&--medium { &--right {
@apply !h-64; @apply flex-row-reverse;
} }
&--small { &__content {
@apply !h-12; /* flex-shrink: 0; */
} @apply max-w-3xl;
} p {
@apply text-neutral-600 max-w-sm;
}
}
&__innerblocks {
/* @apply max-w-xl; */
p {
}
}
&__cover {
@apply object-contain;
min-width: 0;
flex-shrink: 1;
max-width: 100%; /* Empêche de dépasser son conteneur */
display: block;
&--large {
@apply !h-96;
}
&--grande {
@apply !h-80;
}
&--medium {
@apply !h-64;
}
&--small {
@apply !h-12;
}
}
} }