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); + } }