From e50e9dd9be0ae9ccca496ffb6cd50be0b0e36803 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Mon, 19 Aug 2024 12:27:29 +0200
Subject: [PATCH] adding fade out on close

---
 resources/css/blocks/lightbox-gallery.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/resources/css/blocks/lightbox-gallery.css b/resources/css/blocks/lightbox-gallery.css
index b87a5d3..38fd7d9 100644
--- a/resources/css/blocks/lightbox-gallery.css
+++ b/resources/css/blocks/lightbox-gallery.css
@@ -14,6 +14,11 @@
   backdrop-filter: brightness(50%) blur(1px);
   overflow-y: auto;
   animation: lightboxIn 0.5s;
+  transition: opacity 0.3s;
+
+  &.fade-out {
+    opacity: 0;
+  }
 
   &--inactive {
     @apply hidden;