65 lines
1.2 KiB
CSS
65 lines
1.2 KiB
CSS
.chapter-section {
|
|
@apply flex items-center justify-between gap-8 2xl:gap-12 !my-0 px-12;
|
|
@apply xl:py-32 2xl:py-48;
|
|
@apply max-w-screen-2xl;
|
|
@apply mx-auto;
|
|
|
|
h2 {
|
|
@apply title-small;
|
|
}
|
|
h3 {
|
|
@apply subtitle-big;
|
|
}
|
|
|
|
&--right {
|
|
@apply flex-row-reverse;
|
|
}
|
|
&--has-background {
|
|
@apply relative !py-12 xl:py-24 !my-12;
|
|
}
|
|
&__content {
|
|
@apply max-w-3xl;
|
|
p {
|
|
@apply text-neutral-600 max-w-xl mb-2;
|
|
}
|
|
}
|
|
&__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;
|
|
}
|
|
}
|
|
&__background {
|
|
@apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full;
|
|
z-index: 1;
|
|
width: calc(100% - 30px);
|
|
|
|
&--right {
|
|
transform: scaleX(-1);
|
|
}
|
|
}
|
|
> *:not(.chapter-section__background) {
|
|
z-index: 2;
|
|
}
|
|
}
|