m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-12-22 09:13:35 +01:00
Code

spacing tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-11-06 21:44:32 +01:00
parent 6723265523
commit 99a4792c68
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/_mixins.scss
View File

@ -186,4 +186,8 @@
box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), 0.25),
0 5px 16px rgba(darken($brand-main, 20%), 0.25);
}
img {
border-radius: $border-radius;
}
}

2
src/styles/_variables.scss
View File

@ -53,7 +53,7 @@ $font-size-h4: 1.2rem;
$font-size-h5: $font-size-large;
$font-size-h6: $font-size-base;
$line-height: 1.65;
$line-height: 1.5;
$line-height-small: 1.1428571429;
$font-family-base: 'ff-tisa-sans-web-pro', 'Trebuchet MS', 'Helvetica Neue',

4
src/styles/global.scss
View File

@ -197,13 +197,13 @@ img {
figcaption {
font-size: $font-size-small;
color: $brand-grey;
color: $brand-grey-light;
font-style: italic;
text-align: center;
margin-top: ($spacer / 4);
.dark & {
color: $brand-grey-light;
color: $brand-grey;
}
}

7
src/templates/Post/index.module.scss
View File

@ -14,11 +14,14 @@
padding-bottom: $spacer;
}
.gatsby-resp-image-figure,
.gatsby-resp-image-wrapper {
:global(.gatsby-resp-image-figure) {
margin-bottom: $spacer;
}
img {
border-radius: $border-radius;
}
:global(.anchor) {
margin-top: $spacer / 3;
font-size: $font-size-large;

5
src/templates/Posts.module.scss
View File

@ -12,6 +12,11 @@
:global(.gatsby-image-wrapper) {
max-height: 100vh;
}
@media (min-width: $screen-md) {
padding-top: $spacer * 4;
padding-bottom: $spacer * 4;
}
}
.archiveTitle {