1 files changed, 15 insertions, 0 deletions
diff --git a/assets/scss/input.css b/assets/scss/input.css
index 35c345f..6243110 100644
--- a/assets/scss/input.css
+++ b/assets/scss/input.css
@@ -176,6 +176,21 @@ blockquote::before {
       }
     }
   }
+
+  /* https://lubna.dev/articles/create-css-only-image-gallery/ */
+  .gallery {
+    --max-img-width: 72rem;
+    --max-img-height: 48rem;
+    max-width: var(--max-img-width);
+    padding-top: min(66%, var(--max-img-height));
+
+    input:checked + img {
+      opacity: 1;
+    }
+    input:checked ~ label > img {
+      @apply shadow-md shadow-lime-500;
+    }
+  }
 }
 
 @layer utilities {