Responsive images / figures

2018-11-04 11:33:02 +02:00 · 2018-11-04 11:33:02 +02:00 · 54bd998fbe
commit 54bd998fbe
parent c9dc263b4e
1 changed files with 15 additions and 0 deletions
--- a/lib/web/frontend/src/style/post-layout.scss
+++ b/lib/web/frontend/src/style/post-layout.scss
@ -40,4 +40,19 @@
      height: 500px;
    }
  }
+
+  figure.thumbnail {
+    max-width: 100%;
+    text-align: center;
+    margin: 20px 0;
+    padding: 0;
+
+    img {
+      max-width: 100%;
+    }
+
+    figcaption {
+      font-style: italic;
+    }
+  }
 }