From 877ada31f1ebfdf586c1d5c634ca966e9442417b Mon Sep 17 00:00:00 2001
From: David Darnes <me@daviddarnes.com>
Date: Wed, 6 Nov 2019 09:11:29 +0700
Subject: [PATCH] Pull down new changes and merge

---
 assets/css/components/content-grid.css | 62 ++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 assets/css/components/content-grid.css

diff --git a/assets/css/components/content-grid.css b/assets/css/components/content-grid.css
new file mode 100644
index 00000000..0dc59321
--- /dev/null
+++ b/assets/css/components/content-grid.css
@@ -0,0 +1,62 @@
+.post-content {
+    display: grid;
+    grid-row-gap: 1.5em;
+    grid-template-columns:
+    [full-start]
+      minmax(calc(calc(100% - 720px) / 2), 1fr)
+        [wide-start]
+            1fr
+                [main-start]
+                      repeat(10, [col-start] 1fr)
+                [main-end]
+            1fr
+        [wide-end]
+      minmax(calc(calc(100% - 720px) / 2), 1fr)
+    [full-end]
+    ;
+}
+
+@media (max-width: 600px) {
+    .post-content {
+        grid-template-columns:
+            [full-start]
+              minmax(calc(calc(100% - 720px) / 2), 1fr)
+                [wide-start main-start]
+                    repeat(10, [col-start] 1fr)
+                [main-end wide-end]
+              minmax(calc(calc(100% - 720px) / 2), 1fr)
+            [full-end]
+        ;
+    }
+}
+
+.post-content > * {
+    grid-column: main-start / main-end;
+}
+
+.kg-width-wide {
+    grid-column: wide-start / wide-end;
+}
+
+.kg-width-full {
+    grid-column: full-start / full-end;
+}
+
+.kg-width-full.kg-image-card {
+    display: grid;
+    grid-template-columns: inherit;
+}
+
+.kg-width-full.kg-image-card img {
+    grid-column: inherit;
+}
+
+.kg-width-full.kg-image-card figcaption {
+    grid-column: main-start / main-end;
+    padding-left: 0;
+}
+
+.post-content pre,
+.post-content figure {
+    max-width: 100%;
+}