m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-15 09:35:21 +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), box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), 0.25),
0 5px 16px 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-h5: $font-size-large;
$font-size-h6: $font-size-base; $font-size-h6: $font-size-base;
$line-height: 1.65; $line-height: 1.5;
$line-height-small: 1.1428571429; $line-height-small: 1.1428571429;
$font-family-base: 'ff-tisa-sans-web-pro', 'Trebuchet MS', 'Helvetica Neue', $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 { figcaption {
font-size: $font-size-small; font-size: $font-size-small;
color: $brand-grey; color: $brand-grey-light;
font-style: italic; font-style: italic;
text-align: center; text-align: center;
margin-top: ($spacer / 4); margin-top: ($spacer / 4);
.dark & { .dark & {
color: $brand-grey-light; color: $brand-grey;
} }
} }

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

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

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

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