From b9868effa3f5859d79eeb7f75fa9d9a01fd31947 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Tue, 9 Jan 2024 09:32:00 +0100 Subject: [PATCH] refining layout --- .../css/blocks/demarches-administratives.css | 33 +++++++++++++++---- 1 file changed, 26 insertions(+), 7 deletions(-) diff --git a/resources/css/blocks/demarches-administratives.css b/resources/css/blocks/demarches-administratives.css index bdab248..c7579df 100755 --- a/resources/css/blocks/demarches-administratives.css +++ b/resources/css/blocks/demarches-administratives.css @@ -2,7 +2,32 @@ &.card-large-content-container--has-illustration { @apply pt-64; } - + .card-large-content { + &__link { + @apply flex flex-col justify-center; + .card-large-content__link__page_icon { + @apply w-20 h-24 object-contain object-bottom; + } + .card-large-content__link__title { + @apply relative pl-3; + &:before { + content: ''; + @apply bg-neutral-900 absolute; + height: 40%; + width: 2px; + top: 50%; + left: 0; + transform: translateY(-50%); + } + } + .card-large-content__link__excerpt { + @apply mb-6; + } + .cta { + @apply px-6 w-full text-center md:w-fit mt-auto; + } + } + } .card-large-content--has-illustration { @apply pt-28; } @@ -14,11 +39,5 @@ md:grid-cols-2 lg:grid-cols-4 gap-x-12; - .card-large-content__link { - /* @apply flex flex-col; */ - .cta { - @apply self-end px-6 w-full text-center md:w-fit; - } - } } }