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

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

@ -1,19 +1,27 @@
.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; */
@apply xl:pt-32;
@apply xl:py-32 2xl:py-48;
@apply max-w-screen-2xl;
@apply mx-auto;
/* & + *:not(.simple-screen) {
@apply xl:mt-32;
} */
h2 {
@apply title-small;
}
h3 {
@apply subtitle-big;
}
&--right {
@apply flex-row-reverse;
}
&__content {
flex-shrink: 0;
@apply max-w-lg;
/* flex-shrink: 0; */
@apply max-w-3xl;
p {
@apply text-neutral-600 max-w-sm;
}