diff --git a/resources/css/blocks/content-box.css b/resources/css/blocks/content-box.css index c9caaf0..63576f6 100644 --- a/resources/css/blocks/content-box.css +++ b/resources/css/blocks/content-box.css @@ -10,15 +10,17 @@ &--variant-backgrounded { background-color: var(--content-box-background-color, transparent); } + &--variant-framed-backgrounded { + @apply border border-carhop-green-600; + background-color: var(--content-box-background-color, transparent); + } - &.alignwide, &.aligncontained { + &.alignwide, + &.aligncontained { @apply !mx-auto; } &.aligncontained { - @apply !max-w-screen-lg ; - - - + @apply !max-w-screen-lg; } /* &.alignwide { @apply max-w-screen-lg; @@ -58,16 +60,15 @@ } &__innerblocks { - @apply mx-auto px-4 md:px-8; - >:not(.alignwide):not(.alignfull) { - @apply max-w-screen-lg mx-auto ; - } - + @apply mx-auto px-4 md:px-8; + > :not(.alignwide):not(.alignfull) { + @apply max-w-screen-lg mx-auto; + } } - &.alignwide .content-box__innerblocks{ - >:not(.alignfull) { - @apply max-w-screen-xl mx-auto ; - } + &.alignwide .content-box__innerblocks { + > :not(.alignfull) { + @apply max-w-screen-xl mx-auto; + } } h3 { /* @apply title-small font-bold; */ @@ -139,6 +140,7 @@ body.wp-admin.post-type-articles .content-box, } } +body.single-activites .content-box, body.wp-admin.post-type-page .content-box, body.page .content-box { @apply py-16;