REFACTOR reformating component
This commit is contained in:
parent
dca838ec8c
commit
dec082510d
|
|
@ -1,46 +1,46 @@
|
||||||
.chapter-section {
|
.chapter-section {
|
||||||
@apply flex items-center justify-center gap-8 2xl:gap-12 !my-0 px-12;
|
@apply flex items-center justify-center gap-8 2xl:gap-12 !my-0 px-12;
|
||||||
/* min-height: 80vh; */
|
/* min-height: 80vh; */
|
||||||
@apply xl:pt-32;
|
@apply xl:pt-32;
|
||||||
|
|
||||||
@apply mx-auto;
|
@apply mx-auto;
|
||||||
|
|
||||||
/* & + *:not(.simple-screen) {
|
/* & + *:not(.simple-screen) {
|
||||||
@apply xl:mt-32;
|
@apply xl:mt-32;
|
||||||
} */
|
} */
|
||||||
&--right {
|
&--right {
|
||||||
@apply flex-row-reverse;
|
@apply flex-row-reverse;
|
||||||
}
|
}
|
||||||
&__content {
|
&__content {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
@apply max-w-lg;
|
@apply max-w-lg;
|
||||||
p {
|
p {
|
||||||
@apply text-neutral-600 max-w-sm;
|
@apply text-neutral-600 max-w-sm;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&__innerblocks {
|
&__innerblocks {
|
||||||
/* @apply max-w-xl; */
|
/* @apply max-w-xl; */
|
||||||
p {
|
p {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&__cover {
|
&__cover {
|
||||||
@apply object-contain;
|
@apply object-contain;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
max-width: 100%; /* Empêche de dépasser son conteneur */
|
max-width: 100%; /* Empêche de dépasser son conteneur */
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
&--large {
|
&--large {
|
||||||
@apply !h-96;
|
@apply !h-96;
|
||||||
}
|
}
|
||||||
&--grande {
|
&--grande {
|
||||||
@apply !h-80;
|
@apply !h-80;
|
||||||
}
|
}
|
||||||
&--medium {
|
&--medium {
|
||||||
@apply !h-64;
|
@apply !h-64;
|
||||||
}
|
}
|
||||||
&--small {
|
&--small {
|
||||||
@apply !h-12;
|
@apply !h-12;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user