convert into Hugo module theme

assets/css/components/_figure.scss

@@ -0,0 +1,55 @@
+.figure {
+  inline-size: fit-content;
+  margin: 16px auto;
+
+  &__caption {
+    block-size: auto;
+    margin: auto;
+    text-align: center;
+
+    &--no-height {
+      height: 0;
+    }
+
+    & .figcaption {
+      &__caption {
+        font-size: 0.9em;
+        font-style: italic;
+      }
+
+      &__title {
+        font-size: 0.95em;
+        font-weight: bold;
+      }
+
+      &__attr {
+        background-color: $dark;
+        font-size: 0.7em;
+        color: $light;
+        inline-size: fit-content;
+        inset-block-start: -2em;
+        position: relative;
+        padding: 0.2em 0.5em;
+        opacity: 0.8;
+        margin: 0 auto;
+      }
+
+      &__attr + .figcaption__caption {
+        margin-block-start: -0.5em;
+      }
+
+      &__full-size-link {
+        font-size: 0.6em;
+        padding-inline-start: 1em;
+
+        &::before {
+          content: "[";
+        }
+
+        &::after {
+          content: "]";
+        }
+      }
+    }
+  }
+}