diff --git a/resources/css/blocks/chapter-section.css b/resources/css/blocks/chapter-section.css index 426756a..6176e30 100644 --- a/resources/css/blocks/chapter-section.css +++ b/resources/css/blocks/chapter-section.css @@ -1,10 +1,17 @@ .chapter-section { - @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-20; - @apply !max-w-screen-2xl mx-auto; + @apply relative !my-16; + @apply py-16 md:py-32 xl:py-32 2xl:py-48 px-8 md:px-10; + @apply mx-auto; color: var(--content-box-text-color); 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 { @apply !mt-0; } @@ -107,9 +114,10 @@ } } - &--width-full { + &--width-full, + &.alignfull { .chapter-section__background { - @apply !w-screen !top-0 !left-0; + @apply !w-screen !max-w-full !top-0 !left-0; transform: unset; margin: 0 calc(50% - 50vw) !important; } @@ -172,7 +180,9 @@ } .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 bg-red-500; */ }