Read more

assets/css/screen.css

@@ -148,6 +148,59 @@ html,
     margin: 2rem 0;
 }
 
+
+/* Read More
+/* ---------------------------------------------------------- */
+
+.gh-readmore {
+    padding: 4vw;
+    font-size: 2.6rem;
+}
+
+.gh-readmore .gh-container {
+    display: grid;
+    grid-gap: 4vw;
+    grid-template-columns: 1fr 1fr;
+}
+
+.gh-readmore-prev {
+    justify-content: flex-end;
+    text-align: right;
+}
+
+.gh-readmore a {
+    display: flex;
+    color: currentColor;
+    text-decoration: none;
+}
+
+.gh-readmore h4 {
+    width: 100%;
+    font-size: inherit;
+}
+
+.gh-readmore svg {
+    display: inline-block;
+    vertical-align: middle;
+    height: 1em;
+    margin: 0.15em 0 0;
+}
+
+.gh-readmore svg + h4,
+.gh-readmore h4 + svg {
+    margin-left: 2vmin;
+}
+
+@media (max-width: 700px) {
+    .gh-readmore {
+        font-size: 1.6rem;
+    }
+    .gh-readmore svg {
+        margin: 0.1em 0 0;
+    }
+}
+
+
 /* Errors
 /* ---------------------------------------------------------- */