From 16fa84fefe736515b7531b8ff97d25fd1d652440 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Tue, 1 Jul 2025 16:53:11 +0200 Subject: [PATCH] FEATURE Handling the components styles --- resources/css/blocks/gallery.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 resources/css/blocks/gallery.css diff --git a/resources/css/blocks/gallery.css b/resources/css/blocks/gallery.css new file mode 100644 index 0000000..32a59df --- /dev/null +++ b/resources/css/blocks/gallery.css @@ -0,0 +1,22 @@ +.gallery { + @apply max-w-screen-xl mx-auto px-12 py-12; + + .gallery-card { + @apply h-auto py-12 border border-primary !p-3; + img { + @apply w-full max-h-80 object-cover; + } + } + + .swiper-slide { + @apply p-2; + } + + .swiper-slide:nth-child(even) .gallery-card { + @apply rotate-1; + } + + .swiper-slide:nth-child(odd) .gallery-card { + @apply -rotate-1; + } +}