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 {
@apply flex items-center justify-center gap-8 2xl:gap-12 !my-0 px-12;
/* min-height: 80vh; */
@apply xl:pt-32;
@apply flex items-center justify-between gap-8 2xl:gap-12 !my-0 px-12;
/* min-height: 80vh; */
@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;
} */
&--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 {
@apply !h-96;
}
&--grande {
@apply !h-80;
}
&--medium {
@apply !h-64;
}
&--small {
@apply !h-12;
}
}
h2 {
@apply title-small;
}
h3 {
@apply subtitle-big;
}
&--right {
@apply flex-row-reverse;
}
&__content {
/* 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;
}
}
}