💄 Fixed full-width in large viewports and Markdown img

[editorial.git] / assets / main / sass / layout / _ghost.scss

diff --git a/assets/main/sass/layout/_ghost.scss b/assets/main/sass/layout/_ghost.scss
index c94026f2b62f0ebfe4d47a75ad578aa88f366990..28699fd75860c6c06c97e29748a2e54d92838992 100644 (file)
--- a/assets/main/sass/layout/_ghost.scss
+++ b/assets/main/sass/layout/_ghost.scss
@@ -186,6 +186,11 @@
 // Content
 // --------------------------------------------
 
+// Markdown images and videos
+.content p > img, .content p > video {
+    max-width: 100%;
+}
+
 .kg-card {
     margin: 0 0 2rem 0;
 }
@@ -198,7 +203,7 @@
 }
 
 .kg-image {
-    max-width: 100%;
+    width: 100%;
 }
 
 .kg-card figcaption {
@@ -234,7 +239,7 @@
     position: relative;
     margin-left: -14.1rem;
     margin-right: -14.1rem;
-    width: calc(100% + 28.2rem);
+    width: calc(100% + 28.25rem);
 
     @include breakpoint('<=large') {
         margin-left: -8rem;