style.scss: kg-* styles added

assets/scss/style.scss

@@ -257,6 +257,27 @@ body {
     .post-view-content {
         margin-top: rem-calc(60);
         overflow-x: hidden;
+        .kg-image {
+            max-width: 100%;
+        }
+        .kg-width-wide .kg-image {
+            max-width: 1040px;
+        }
+        .kg-width-full .kg-image {
+            max-width: 100vw;
+        }
+        figure {
+            margin: 1.5em 0 3em;
+        }
+        figure img {
+            margin: 0;
+        }
+        figcaption {
+            margin: 1.0em 0 0;
+            font-size: 80%;
+            line-height: 1.6em;
+            text-align: center;
+        }
     }
     .post-meta {
         font-family: $headers-font;
@@ -677,3 +698,38 @@ body {
         min-height: rem-calc(34);
     }
 }
+
+.kg-width-full figcaption {
+     padding: 0 1.5em;
+}
+
+.kg-embed-card {
+     display: flex;
+     flex-direction: column;
+     align-items: center;
+     min-width: 100%;
+}
+
+.kg-embed-card .fluid-width-video-wrapper {
+     margin: 0;
+}
+
+.kg-gallery-container {
+     display: flex;
+     flex-direction: column;
+     max-width: 1040px;
+     width: 100vw;
+}
+
+.kg-gallery-row {
+     display: flex;
+     flex-direction: row;
+     justify-content: center;
+}
+
+.kg-gallery-image img {
+     display: block;
+     margin: 0;
+     width: 100%;
+     height: 100%;
+}