Support images

vagcosta · Oct 11, 2017 · 1e510e9 · 1e510e9
1 parent 0d71152
commit 1e510e9
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/_js/behaviors/h3-section-list.js b/_js/behaviors/h3-section-list.js
@@ -2,14 +2,24 @@
 
 import Isotope from 'isotope-layout/dist/isotope.pkgd.js'
 import onmount from 'onmount'
+import on from 'dom101/on'
+import qsa from 'dom101/query-selector-all'
 
 /*
  * Behavior: Isotope
  */
 
 onmount('[data-js-h3-section-list]', function () {
-  new Isotope(this, {
+  const iso = new Isotope(this, {
     itemSelector: '.h3-section',
     transitionDuration: 0
   })
+
+  const images = qsa('img', this)
+
+  images.forEach(image => {
+    on(image, 'load', () => {
+      iso.layout()
+    })
+  })
 })
diff --git a/_sass/2017/markdown/p.scss b/_sass/2017/markdown/p.scss
@@ -2,6 +2,12 @@
  * Crosslink (eg, phoenix.md)
  */
 
+.MarkdownBody.MarkdownBody {
+  img {
+    max-width: 100%;
+  }
+}
+
 .MarkdownBody.MarkdownBody p.-crosslink {
   & > a {
     display: block;