Compare commits

..

No commits in common. "8b542e96d688b698f2296e76e175d43a10d2f486" and "af897015aec50563c53ac2a15bac96b0040472f6" have entirely different histories.

3 changed files with 8 additions and 19 deletions

View File

@ -1,5 +1,4 @@
.chapter-section--width-full + .content-box, .chapter-section--width-full + .content-box {
.chapter-section.alignfull + .content-box {
/* margin-top: -80px; */ /* margin-top: -80px; */
} }

View File

@ -1,17 +1,10 @@
.chapter-section { .chapter-section {
@apply relative !my-16; @apply relative flex flex-col lg:flex-row items-center justify-between gap-8 2xl:gap-12 !my-16;
@apply py-16 md:py-32 xl:py-32 2xl:py-48 px-8 md:px-10; @apply py-16 md:py-32 xl:py-32 2xl:py-48 px-8 md:px-20;
@apply mx-auto; @apply !max-w-screen-2xl mx-auto;
color: var(--content-box-text-color); color: var(--content-box-text-color);
min-height: 60vh; min-height: 60vh;
&__inner {
@apply flex flex-col lg:flex-row items-center justify-between gap-8 2xl:gap-12;
@apply w-full;
@apply mx-auto;
@apply max-w-screen-2xl;
}
&:first-child { &:first-child {
@apply !mt-0; @apply !mt-0;
} }
@ -114,10 +107,9 @@
} }
} }
&--width-full, &--width-full {
&.alignfull {
.chapter-section__background { .chapter-section__background {
@apply !w-screen !max-w-full !top-0 !left-0; @apply !w-screen !top-0 !left-0;
transform: unset; transform: unset;
margin: 0 calc(50% - 50vw) !important; margin: 0 calc(50% - 50vw) !important;
} }
@ -180,9 +172,7 @@
} }
.chapter-section--width-full.chapter-section--has-background .chapter-section--width-full.chapter-section--has-background
+ .chapter-section--width-full.chapter-section--has-background, + .chapter-section--width-full.chapter-section--has-background {
.chapter-section.alignfull.chapter-section--has-background
+ .chapter-section.alignfull.chapter-section--has-background {
/* @apply !-mt-20; */ /* @apply !-mt-20; */
/* @apply bg-red-500; */ /* @apply bg-red-500; */
} }

View File

@ -8,7 +8,7 @@
transform: perspective(800px) rotateY(3deg) rotateX(1deg) translateX(-50%); transform: perspective(800px) rotateY(3deg) rotateX(1deg) translateX(-50%);
} }
&__inner { &__inner {
@apply max-w-screen-xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-x-12 gap-y-12 2xl:gap-x-32 py-24 xl:py-32 2xl:py-40 items-center relative z-10; @apply max-w-screen-3xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-x-12 gap-y-12 2xl:gap-x-32 py-24 xl:py-32 2xl:py-40 items-center relative z-10;
} }
h1, h1,
h2, h2,