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