Update figure shortcode to properly float left and right again

2020-12-22 19:36:05 -08:00
parent 0b270e29cf
commit 6c4246bfc6
6 changed files with 17 additions and 5 deletions
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -101,12 +101,24 @@ figure {
    width: 50%;
    float: left;
    padding-right: 3em;
+    
+    @media (--phone) {
+        width: 100%;
+        float: none;
+        padding-left: inherit;
+    }
  }

  &.right {
    width: 50%;
    float: right;
    padding-left: 3em;
+    
+    @media (--phone) {
+        width: 100%;
+        float: none;
+        padding-left: inherit;
+    }
  }

  img {
--- a/static/assets/blue.css
+++ b/static/assets/blue.css
--- a/static/assets/green.css
+++ b/static/assets/green.css
--- a/static/assets/pink.css
+++ b/static/assets/pink.css
--- a/static/assets/red.css
+++ b/static/assets/red.css
--- a/static/assets/style.css
+++ b/static/assets/style.css