From 2ef95207d21da966519764217bd7015bed3e6342 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Tue, 3 Jun 2025 16:48:41 +0200 Subject: [PATCH] FEATURE handling component basic styling --- resources/css/components/card-revue.css | 28 ++++++++++++++++++++++++- 1 file changed, 27 insertions(+), 1 deletion(-) diff --git a/resources/css/components/card-revue.css b/resources/css/components/card-revue.css index 45fd4b2..2121aec 100644 --- a/resources/css/components/card-revue.css +++ b/resources/css/components/card-revue.css @@ -1,3 +1,29 @@ .card-revue { - @apply p-12 border border-primary; + @apply p-8 border border-primary relative grid gap-6 bg-white; + grid-template-columns: 1fr 4fr 40px; + + .content-meta { + @apply mb-4; + .content-meta__type--revue { + @apply text-lg; + } + } + &__title { + @apply text-3xl font-bold; + } + &__date { + @apply capitalize pt-3 block; + } + + .issue-number { + @apply bg-primary text-white w-full h-auto flex items-center justify-center; + aspect-ratio: 1/1; + } + + &:after { + content: ''; + @apply absolute top-0 left-0 w-full h-full border border-primary; + z-index: -1; + transform: translate(10px, 10px); + } }