Support project previews

1 files changed, 17 insertions, 0 deletions

diff --git a/assets/css/layouts/_project-grid.scss b/assets/css/layouts/_project-grid.scss
new file mode 100644
index 0000000..df2952b
--- /dev/null
+++ b/assets/css/layouts/_project-grid.scss
@@ -0,0 +1,17 @@
+@include namespace('project-grid') {
+    @include store((
+        --dims: (
+            --col-width: 26em
+        )
+    ));
+
+    @include layout(namespace()) {
+        display:               grid;
+        grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
+        gap:                   1rem;
+
+        @include media('<=sm') {
+            grid-template-columns: 1fr;
+        }
+    }
+}