Deligraph-V3/resources/css/blocks/chapter-section.css

47 lines
717 B
CSS

.chapter-section {
@apply flex items-center justify-center 2xl:gap-12 !my-0;
/* min-height: 80vh; */
@apply xl:pt-32;
@apply mx-auto;
& + *:not(.simple-screen) {
@apply xl:mt-32;
}
&--right {
@apply flex-row-reverse;
}
&__content {
flex-shrink: 0;
p {
@apply text-neutral-600;
}
}
&__innerblocks {
@apply max-w-xl;
p {
@apply max-w-md;
}
}
&__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;
}
}
}