Add css for aligning images in page-content

slsfi · May 27, 2022 · 915015f · 915015f
1 parent b81a71e
commit 915015f
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/pages/content/content.scss b/src/pages/content/content.scss
@@ -44,6 +44,20 @@ page-content {
         margin-top: 0.8rem;
     }
 
+    img[src$="#align-left"] {
+        float: left;
+        margin: 0 1rem 1rem 0;
+    }
+
+    img[src$="#align-right"] {
+        float: right;
+        margin: 0 0 1rem 1rem;
+    }
+    img[src$="#align-center"] {
+        display: block;
+        margin: 1rem auto;
+    }
+
     .content-md hr{
         background-color: rgba(0,0,0,0.1);
     }