Update figure shortcode to properly float left and right

2020-12-22 19:18:44 -08:00
parent 734364f330
commit 0b270e29cf
7 changed files with 22 additions and 13 deletions
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -92,17 +92,26 @@ figure {
  max-width: 100%;
  margin: 25px 0;

-  &.left {
-    margin-right: auto;
-  }
-
  &.center {
-    margin-left: auto;
-    margin-right: auto;
+    width: 100%;
+    float: none;
+  }
+  
+  &.left {
+    width: 50%;
+    float: left;
+    padding-right: 3em;
  }

  &.right {
+    width: 50%;
+    float: right;
+    padding-left: 3em;
+  }
+
+  img {
    margin-left: auto;
+    margin-right: auto;
  }

  figcaption {
@@ -122,7 +131,7 @@ figure {
    }

    &.right {
-      text-align: right;
+      text-align: left;
    }
  }
 }