Add figure shortcode

2018-12-13 08:35:47 +01:00 · 2018-12-13 08:35:47 +01:00 · aa1abb8fcd
commit aa1abb8fcd
parent 4845a3db96
3 changed files with 46 additions and 1 deletions
--- a/source/css/main.css
+++ b/source/css/main.css
@ -94,6 +94,43 @@ img {
  }
 }

+figure {
+  display: table;
+  max-width: 100%;
+  margin: 25px 0;
+
+  &.left {
+    margin-right: auto;
+  }
+
+  &.center {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  &.right {
+    margin-left: auto;
+  }
+
+  figcaption {
+    font-size: 14px;
+    margin-top: 5px;
+    opacity: .8;
+
+    &.left {
+      text-align: left;
+    }
+
+    &.center {
+      text-align: center;
+    }
+
+    &.right {
+      text-align: right;
+    }
+  }
+}
+
 code {
  font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
  font-feature-settings: normal;