feat(theme): centered and small images

1 files changed, 18 insertions, 0 deletions

diff --git a/assets/css/components/_utility.scss b/assets/css/components/_utility.scss
index fdcda859..1075d2ad 100644
--- a/assets/css/components/_utility.scss
+++ b/assets/css/components/_utility.scss
@@ -9,3 +9,21 @@
         filter: invert(1)
     }
 }
+
+figure {
+    &.small {
+        width: 300px;
+    }
+    &.card {
+        width: fit-content;
+        img {
+            height: 18rem;
+        }
+    }
+    &.center {
+        margin: 0 auto;
+        figcaption {
+            text-align: center
+        }
+    }
+}