From e2a90e81cb7676d4f642268400109883f040ae10 Mon Sep 17 00:00:00 2001
From: s-ol <s-ol@users.noreply.github.com>
Date: Wed, 30 Oct 2019 11:51:43 +0100
Subject: fix embed in static rendered markdown

---
 mmm/mmmfs/util.moon |  7 ++++---
 scss/_content.scss  | 10 +++++++++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/mmm/mmmfs/util.moon b/mmm/mmmfs/util.moon
index 5c25ed3..89fcc02 100644
--- a/mmm/mmmfs/util.moon
+++ b/mmm/mmmfs/util.moon
@@ -4,7 +4,7 @@ merge = (orig={}, extra) ->
       attr[k] = v
 
 (elements) ->
-  import a, div, pre from elements
+  import a, div, span, pre from elements
 
   find_fileder = (fileder, origin) ->
     if 'string' == type fileder
@@ -43,8 +43,9 @@ merge = (orig={}, extra) ->
     ok, node = pcall fileder.gett, fileder, name, 'mmm/dom'
 
     if not ok
-      return div "couldn't embed #{fileder} #{name}",
+      return span "couldn't embed #{fileder} #{name}",
           (pre node),
+          class: 'embed'
           style: {
             background: 'var(--gray-fail)',
             padding: '1em',
@@ -54,7 +55,7 @@ merge = (orig={}, extra) ->
     klass ..= ' desc' if opts.desc
     klass ..= ' inline' if opts.inline
 
-    node = div {
+    node = span {
       class: klass
       node
       if opts.desc
diff --git a/scss/_content.scss b/scss/_content.scss
index 5b6e73b..7aa7b2c 100644
--- a/scss/_content.scss
+++ b/scss/_content.scss
@@ -11,7 +11,6 @@
 
   .markdown,
   .markdown > p,
-  .markdown > p > a,
   .markdown > a {
     > img, > video {
       display: block;
@@ -21,6 +20,10 @@
       padding: 0 2em;
       box-sizing: border-box;
     }
+
+    a, p {
+      max-width: 100%;
+    }
   }
 
   .markdown {
@@ -38,6 +41,7 @@
   }
 
   .embed {
+    display: block;
     width: inherit;
     height: inherit;
 
@@ -55,6 +59,10 @@
       margin: 0.2em;
       background: $gray-bright;
     }
+
+    > *:not(.description) {
+      max-width: 100%;
+    }
   }
 
   pre > code {
-- 
cgit v1.2.3