From e807d93686cfaa6877b667b296fb5d9bce2d9710 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Wed, 15 Nov 2023 16:40:26 +0100 Subject: [PATCH] handling superior icon --- resources/css/components/archive-page-header.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/resources/css/components/archive-page-header.css b/resources/css/components/archive-page-header.css index 01b65fd..9273096 100644 --- a/resources/css/components/archive-page-header.css +++ b/resources/css/components/archive-page-header.css @@ -1,8 +1,14 @@ .archive-page-header { - @apply bg-primary text-white text-center py-12 max-w-screen-xl mx-auto - mt-0 rounded-2xl; + @apply bg-primary text-white text-center pb-12 max-w-screen-xl mx-auto + mt-8 rounded-2xl; + &__icon { + @apply absolute left-1/2 -translate-x-1/2 -translate-y-[75%] w-20 block; + } &__title { - @apply uppercase font-medium text-xl tracking-widest; + @apply uppercase font-medium text-xl tracking-widest pt-12; + } + &__icon + &__title { + @apply pt-16; } &__description { @apply font-bold text-4xl max-w-screen-md mx-auto pt-4;