diff --git a/.nvmrc b/.nvmrc new file mode 100644 index 00000000..dae199ae --- /dev/null +++ b/.nvmrc @@ -0,0 +1 @@ +v12 diff --git a/gatsby/feeds.js b/gatsby/feeds.js index 667e88a9..633587ee 100644 --- a/gatsby/feeds.js +++ b/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 diff --git a/package.json b/package.json index b33c21e9..312aceea 100644 --- a/package.json +++ b/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", diff --git a/src/components/molecules/RelatedPosts.module.scss b/src/components/molecules/RelatedPosts.module.scss index 831aa675..e7de8fef 100644 --- a/src/components/molecules/RelatedPosts.module.scss +++ b/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; - flex-wrap: wrap; - justify-content: space-between; + display: grid; + gap: $spacer; + 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-bottom: $spacer; - - @media (min-width: $screen-sm) { - flex-basis: 31%; - } + margin: 0; &::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; } diff --git a/src/components/organisms/Footer.module.scss b/src/components/organisms/Footer.module.scss index a09bc64e..59ab3e29 100644 --- a/src/components/organisms/Footer.module.scss +++ b/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;