1 files changed, 25 insertions, 0 deletions

diff --git a/assets/css/components/_gallery.scss b/assets/css/components/_gallery.scss
new file mode 100644
index 0000000..651d873
--- /dev/null
+++ b/assets/css/components/_gallery.scss
@@ -0,0 +1,25 @@
+@include namespace('gallery') {
+    @include store((
+        --dims: (
+            --col-width: 17em
+        )
+    ));
+
+    @include component(namespace()) {
+        margin-top: $line-height * 1rem;
+
+        @include element('items') {
+            display:               grid;
+            grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
+            gap:                   20px;
+        }
+
+        @include element('item') {
+            display: block;
+        }
+
+        @include element('img') {
+            display: block;
+        }
+    }
+}