From 4d3658251f4e860b5424f2c36f4147a8b36022f1 Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Fri, 2 Sep 2022 13:02:16 +0200
Subject: [PATCH] Add class left/right/canter support to img shortcode.

---
 assets/sass/_zen.scss | 41 ++++++++++++++++++++++++++---------------
 1 file changed, 26 insertions(+), 15 deletions(-)

diff --git a/assets/sass/_zen.scss b/assets/sass/_zen.scss
index 4168321..095d27e 100644
--- a/assets/sass/_zen.scss
+++ b/assets/sass/_zen.scss
@@ -141,6 +141,32 @@ article {
   margin-bottom: .2rem;
 }
 
+figure,
+img {
+  &.image {
+    @include respond-to(s) {
+      &.center {
+        margin-left: auto;
+        margin-right: auto;
+      }
+
+      &.left {
+        @include padding(0 .5 .5 0);
+        margin: 0;
+        float: left;
+        clear: both;
+      }
+
+      &.right {
+        @include padding(0 0 .5 .5);
+        margin: 0;
+        float: right;
+        clear: both;
+      }
+    }
+  }
+}
+
 figure {
   &.image {
     figcaption {
@@ -162,28 +188,13 @@ figure {
         display: block;
       }
 
-      &.center {
-        margin-left: auto;
-        margin-right: auto;
-      }
-
       &.left {
-        @include padding(0 .5 .5 0);
-        margin: 0;
-        float: left;
-        clear: both;
-
         figcaption {
           @include padding(0 .5 .5 0);
         }
       }
 
       &.right {
-        @include padding(0 0 .5 .5);
-        margin: 0;
-        float: right;
-        clear: both;
-
         figcaption {
           @include padding(0 0 .5 .5);
         }