refining component style

This commit is contained in:
Antoine M 2025-02-05 17:16:54 +01:00
parent a1138aace2
commit 3d72d00c57
3 changed files with 16 additions and 10 deletions

View File

@ -1,26 +1,26 @@
.chapter-section {
@apply flex items-center justify-center 2xl:gap-12 !my-0;
@apply flex items-center justify-center 2xl:gap-12 !my-0 px-12;
/* min-height: 80vh; */
@apply xl:pt-32;
@apply mx-auto;
& + *:not(.simple-screen) {
/* & + *:not(.simple-screen) {
@apply xl:mt-32;
}
} */
&--right {
@apply flex-row-reverse;
}
&__content {
flex-shrink: 0;
@apply max-w-lg;
p {
@apply text-neutral-600;
@apply text-neutral-600 max-w-sm;
}
}
&__innerblocks {
@apply max-w-xl;
/* @apply max-w-xl; */
p {
@apply max-w-md;
}
}
&__cover {

View File

@ -9,6 +9,12 @@
&.is-flex {
@apply flex flex-nowrap;
}
&.is-mobile-capture {
@apply gap-24;
img {
@apply rounded-3xl max-w-60;
}
}
max-width: 1800px;
}

View File

@ -6,7 +6,7 @@
dispay: block;
&__cover {
@apply absolute inset-0 bg-red-400 w-full !h-full object-cover;
@apply absolute inset-0 w-full !h-full object-cover;
z-index: -1;
}
@ -19,7 +19,7 @@
}
&__heading-infos {
@apply flex items-center justify-between text-white;
@apply flex items-center justify-between;
@apply text-xs;
.project-type {
@apply my-0 leading-relaxed;
@ -27,10 +27,10 @@
}
.client-logo {
@apply w-72 h-auto object-contain object-center mx-auto block my-12;
@apply w-72 h-auto object-contain object-center mx-auto block my-12 relative;
}
&__innerblocks {
@apply mx-auto max-w-lg text-white p-8 rounded-lg text-center text-sm;
@apply mx-auto max-w-lg p-8 rounded-lg text-center text-sm;
}
}