50 lines
844 B
CSS
50 lines
844 B
CSS
.chapter-section {
|
|
@apply md:flex items-center justify-center gap-8 2xl:gap-12 !my-0 px-6 md:px-12;
|
|
/* min-height: 80vh; */
|
|
@apply pt-6 xl:pt-32;
|
|
|
|
@apply mx-auto;
|
|
|
|
/* & + *:not(.simple-screen) {
|
|
@apply xl:mt-32;
|
|
} */
|
|
&--right {
|
|
@apply flex-row-reverse;
|
|
}
|
|
&__content {
|
|
flex-shrink: 0;
|
|
@apply max-w-full lg: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 md:!h-96;
|
|
}
|
|
&--grande {
|
|
@apply !h-80;
|
|
}
|
|
&--medium {
|
|
@apply !h-64;
|
|
}
|
|
&--small {
|
|
@apply !h-12;
|
|
}
|
|
@media (max-width: 768px) {
|
|
@apply w-full h-auto;
|
|
}
|
|
}
|
|
}
|