m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01:00
Code

color tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-11-04 21:59:01 +01:00
parent 545bb59c7a
commit 3b2b7bbe97
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 31 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.nvmrc Normal file
View File

@ -0,0 +1 @@
v12

4
gatsby/feeds.js
View File

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

1
package.json
View File

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

32
src/components/molecules/RelatedPosts.module.scss
View File

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

10
src/components/organisms/Footer.module.scss
View File

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