diff --git a/resources/css/blocks/highlight.css b/resources/css/blocks/highlight.css index 4f4df64..3998c61 100644 --- a/resources/css/blocks/highlight.css +++ b/resources/css/blocks/highlight.css @@ -37,6 +37,7 @@ } } } + &__logo { @apply p-4 bg-white h-auto flex justify-center items-center rounded-3xl; width: 150px; @@ -47,6 +48,7 @@ @apply max-h-full max-w-full block; } } + .wp-block-buttons { @apply gap-x-4; } @@ -140,6 +142,24 @@ } } +.homegrade-blocks-highlight--has-illustration { + @apply flex items-center justify-between xl:justify-around; + + &__illustration { + @apply flex justify-center items-center rounded-3xl w-48 h-48 xl:w-52 xl:h-52 object-contain object-center shrink-0; + aspect-ratio: 1/1; + margin-top: -10px; + } + + &__content { + @apply max-w-3xl; + } + + h3 { + @apply text-2xl font-bold; + } +} + .page { .homegrade-blocks-highlight--classic ul li:before { @apply bg-white;