color tweaks

.nvmrc

@@ -0,0 +1 @@
+v12

gatsby/feeds.js

@@ -1,8 +1,8 @@
 const fs = require('fs')
+const util = require('util')
 const path = require('path')
-const pify = require('pify')
 const { siteUrl, siteTitle, siteDescription, author } = require('../config')
-const writeFile = pify(fs.writeFile)
+const writeFile = util.promisify(fs.writeFile)
 
 const feedContent = edge => {
   const { image } = edge.node.frontmatter

package.json

@@ -119,7 +119,6 @@
     "node-sass": "^4.13.0",
     "npm-run-all": "^4.1.5",
     "ora": "^4.0.0",
-    "pify": "^4.0.1",
     "prettier": "^1.18.2",
     "prettier-stylelint": "^0.4.2",
     "shortid": "^2.2.15",

src/components/molecules/RelatedPosts.module.scss

@@ -1,6 +1,11 @@
 @import 'variables';
 @import 'mixins';
 
+.title {
+  font-size: $font-size-h3;
+  margin-bottom: $spacer * $line-height;
+}
+
 .relatedPosts {
   margin-top: -($spacer * 2);
   margin-bottom: $spacer;
@@ -10,21 +15,20 @@
   }
 
   ul {
-    display: flex;
+    display: grid;
-    flex-wrap: wrap;
+    gap: $spacer;
-    justify-content: space-between;
+    grid-template-columns: repeat(2, 1fr);
     padding: 0;
     margin: 0;
+
+    @media (min-width: $screen-sm) {
+      grid-template-columns: repeat(3, 1fr);
+    }
   }
 
   li {
     display: block;
-    flex: 0 0 48%;
+    margin: 0;
-    margin-bottom: $spacer;
-
-    @media (min-width: $screen-sm) {
-      flex-basis: 31%;
-    }
 
     &::before {
       display: none;
@@ -42,6 +46,10 @@
       margin-bottom: 0;
     }
 
+    h4 {
+      color: $text-color-light;
+    }
+
     &:hover,
     &:focus {
       h4 {
@@ -51,12 +59,8 @@
   }
 }
 
-.title {
-  font-size: $font-size-h3;
-}
-
 .button {
   margin: auto;
   display: block;
-  margin-top: $spacer / 2;
+  margin-top: $spacer * 2;
 }

src/components/organisms/Footer.module.scss

@@ -45,6 +45,16 @@
     font-size: $font-size-mini;
   }
 
+  a,
+  button code {
+    color: $text-color-light;
+
+    &:hover,
+    &:focus {
+      color: $link-color;
+    }
+  }
+
   a,
   button {
     margin-left: $spacer;