From 27f1eadf73934bed4501af89354521757e2ea664 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Tue, 7 Nov 2023 16:48:48 +0100 Subject: [PATCH] developping kit features --- resources/css/blocks/kit-presse.css | 54 +++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 resources/css/blocks/kit-presse.css diff --git a/resources/css/blocks/kit-presse.css b/resources/css/blocks/kit-presse.css new file mode 100644 index 0000000..a56683c --- /dev/null +++ b/resources/css/blocks/kit-presse.css @@ -0,0 +1,54 @@ +.homegrade-blocks-kit-presse { + .table_head { + @apply grid gap-x-8 gap-4 grid-cols-9 font-bold + bg-neutral-100 rounded-3xl py-8 px-8; + + :nth-child(1) { + @apply col-span-4; + } + + :nth-child(2) { + @apply col-span-1; + } + :nth-child(3) { + @apply col-span-2; + } + } + &__press-grid-datas { + @apply py-12; + } + &__press-ressource { + @apply grid gap-x-8 gap-4 px-4 py-8; + grid-template-columns: repeat(9, 1fr); + align-items: center; + } + &__press-ressource + &__press-ressource { + border-top: 1px solid #e2e8f0; + } + &__ressource-icon { + @apply bg-white shadowed + w-24 h-24 + mx-auto + rounded-3xl + flex + items-center + justify-center; + /* @apply w-12 col-span-1; */ + img { + max-width: 80%; + max-height: 50%; + } + } + &__ressource-title { + @apply col-span-3 pr-4; + } + &__ressource-type { + @apply col-span-1 pl-2 uppercase; + } + &__ressource-date { + @apply col-span-2 capitalize; + } + &__ressource-download { + @apply col-span-2; + } +}