Add small figure

themes/maik-blog/assets/scss/_main.scss

@@ -16,7 +16,7 @@
 html {
   box-sizing: border-box;
   line-height: 1.6;
-  letter-spacing: .06em;
+  letter-spacing: 0.06em;
   scroll-behavior: smooth;
 }
 
@@ -29,7 +29,8 @@ html {
 body {
   margin: 0;
   padding: 0;
-  font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif;
+  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Roboto",
+    "Segoe UI", Helvetica, Arial, sans-serif;
   font-display: auto;
   font-size: 1rem;
   line-height: 1.54;
@@ -174,7 +175,7 @@ figure {
   figcaption {
     font-size: 14px;
     margin-top: 5px;
-    opacity: .8;
+    opacity: 0.8;
 
     &.left {
       text-align: left;
@@ -188,6 +189,11 @@ figure {
       text-align: right;
     }
   }
+
+  &.small {
+    max-width: 300px;
+    width: 90%;
+  }
 }
 
 code {
@@ -198,7 +204,7 @@ code {
   padding: 1px 6px;
   margin: 0 2px;
   border-radius: 5px;
-  font-size: .95rem;
+  font-size: 0.95rem;
   word-wrap: break-word;
 
   .dark-theme & {
@@ -210,7 +216,7 @@ pre {
   // background: #212020;
   padding: 10px 10px 10px 20px;
   border-radius: 8px;
-  font-size: .95rem;
+  font-size: 0.95rem;
   overflow: auto;
 
   @media #{$media-size-phone} {
@@ -242,7 +248,7 @@ blockquote {
   }
 
   &:before {
-    content: '”';
+    content: "”";
     font-family: Georgia, serif;
     font-display: auto;
     font-size: 3.875rem;
@@ -374,7 +380,7 @@ table {
   width: 100%;
   padding: 10px 10px 10px 20px;
   border-radius: 8px;
-  font-size: .95rem;
+  font-size: 0.95rem;
   overflow: auto;
   background: $light-background-secondary;
 
@@ -394,6 +400,5 @@ table {
     td {
       border-top-color: $dark-color-secondary;
     }
-
   }
-}
+}