diff --git a/resources/css/blocks/plus-loin.css b/resources/css/blocks/plus-loin.css index 895902f..600d554 100644 --- a/resources/css/blocks/plus-loin.css +++ b/resources/css/blocks/plus-loin.css @@ -1,5 +1,5 @@ .homegrade-blocks-plus-loin { - @apply bg-primary p-12 rounding-radius my-8; + @apply bg-primary p-8 xl:p-12 rounding-radius my-8; &__block-title { @apply !mt-0 !text-4xl !font-bold; } @@ -23,6 +23,6 @@ @apply !text-white; } .homegrade-blocks-custom-heading + ul { - @apply pl-12; + @apply pl-2 xl:pl-12; } } diff --git a/resources/css/blocks/timeline.css b/resources/css/blocks/timeline.css index d041172..4d8e694 100644 --- a/resources/css/blocks/timeline.css +++ b/resources/css/blocks/timeline.css @@ -7,6 +7,8 @@ @apply relative; } &__lateral-cover { + @apply hidden lg:block; + img { @apply rounded-3xl mb-3; } @@ -45,7 +47,7 @@ @apply grid grid-cols-3 gap-12; } .homegrade-blocks-timeline__innercontent { - @apply col-span-2; + @apply col-span-3 lg:col-span-2; } .homegrade-blocks-timeline-step { @apply !block; @@ -62,8 +64,16 @@ z-index: -1; content: ''; top: 0; - left: calc(33% + 54px); - width: 34px; + width: 20px; + left: 24px; + @screen md { + width: 28px; + left: 38px; + } + @screen lg { + width: 34px; + left: calc(33% + 54px); + } } } } @@ -93,7 +103,7 @@ } } &__icon { - @apply w-24 h-24 shrink-0 bg-white shadowed p-4 rounded-3xl flex justify-center items-center; + @apply w-16 h-16 md:w-24 md:h-24 shrink-0 bg-white shadowed p-4 rounded-3xl flex justify-center items-center; img { @apply mx-auto object-contain; @@ -101,6 +111,9 @@ max-height: 80%; } } + &__text-content { + @apply pt-2; + } &__content { @apply col-span-2 flex gap-8; &--has-step-icon { @@ -114,7 +127,7 @@ } &__title { - @apply text-secondary font-bold text-xl m-0; + @apply text-secondary font-bold text-xl m-0 leading-none; } &__subtitle { @apply text-neutral-900 font-bold text-2xl; diff --git a/resources/css/editor-content/gutenberg.css b/resources/css/editor-content/gutenberg.css index 62bbca6..9ca4126 100644 --- a/resources/css/editor-content/gutenberg.css +++ b/resources/css/editor-content/gutenberg.css @@ -95,7 +95,7 @@ article > *:not(.entry-content, .chapter-header-block), } h2 { - @apply text-xl mt-16 mb-8 font-bold; + @apply lg:text-xl mt-16 mb-8 font-bold; } h3 {