55 lines
944 B
CSS
55 lines
944 B
CSS
.chapter-section {
|
|
@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;
|
|
|
|
/* & + *: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-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;
|
|
}
|
|
}
|
|
}
|