Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive finetuning

Browse Source
This commit is contained in:
Antoine M 2023-12-06 16:28:08 +01:00
parent d439fe173e
commit f782f9d013
3 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/css/blocks/plus-loin.css
View File

@ -1,5 +1,5 @@
.homegrade-blocks-plus-loin { .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 { &__block-title {
@apply !mt-0 !text-4xl !font-bold; @apply !mt-0 !text-4xl !font-bold;
} }
@ -23,6 +23,6 @@
@apply !text-white; @apply !text-white;
} }
.homegrade-blocks-custom-heading + ul { .homegrade-blocks-custom-heading + ul {
@apply pl-12; @apply pl-2 xl:pl-12;
} }
} }

23
resources/css/blocks/timeline.css
View File

@ -7,6 +7,8 @@
@apply relative; @apply relative;
} }
&__lateral-cover { &__lateral-cover {
@apply hidden lg:block;
img { img {
@apply rounded-3xl mb-3; @apply rounded-3xl mb-3;
} }
@ -45,7 +47,7 @@
@apply grid grid-cols-3 gap-12; @apply grid grid-cols-3 gap-12;
} }
.homegrade-blocks-timeline__innercontent { .homegrade-blocks-timeline__innercontent {
@apply col-span-2; @apply col-span-3 lg:col-span-2;
} }
.homegrade-blocks-timeline-step { .homegrade-blocks-timeline-step {
@apply !block; @apply !block;
@ -62,8 +64,16 @@
z-index: -1; z-index: -1;
content: ''; content: '';
top: 0; top: 0;
left: calc(33% + 54px); width: 20px;
width: 34px; left: 24px;
@screen md {
width: 28px;
left: 38px;
}
@screen lg {
width: 34px;
left: calc(33% + 54px);
}
} }
} }
} }
@ -93,7 +103,7 @@
} }
} }
&__icon { &__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 { img {
@apply mx-auto object-contain; @apply mx-auto object-contain;
@ -101,6 +111,9 @@
max-height: 80%; max-height: 80%;
} }
} }
&__text-content {
@apply pt-2;
}
&__content { &__content {
@apply col-span-2 flex gap-8; @apply col-span-2 flex gap-8;
&--has-step-icon { &--has-step-icon {
@ -114,7 +127,7 @@
} }
&__title { &__title {
@apply text-secondary font-bold text-xl m-0; @apply text-secondary font-bold text-xl m-0 leading-none;
} }
&__subtitle { &__subtitle {
@apply text-neutral-900 font-bold text-2xl; @apply text-neutral-900 font-bold text-2xl;

2
resources/css/editor-content/gutenberg.css
View File

@ -95,7 +95,7 @@ article > *:not(.entry-content, .chapter-header-block),
} }
h2 { h2 {
@apply text-xl mt-16 mb-8 font-bold; @apply lg:text-xl mt-16 mb-8 font-bold;
} }
h3 { h3 {