m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-01-05 03:15:07 +01:00
Code

layout tweak

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-11-19 00:45:46 +01:00
parent 92b8398a0a
commit 942553bab5
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Post/PostActions.jsx
View File

@ -24,7 +24,7 @@ const ActionTwitter = ({ url, slug }) => (
<Twitter /> <Twitter />
<ActionContent <ActionContent
title="Have a comment?" title="Have a comment?"
text="Hit me up on Twitter" text="Hit me up"
textLink="@kremalicious" textLink="@kremalicious"
/> />
</a> </a>

7
src/components/Post/PostActions.module.scss
View File

@ -13,6 +13,12 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
@media (min-width: $screen-md) {
margin-left: -100%;
margin-right: -18%;
padding-left: 80%;
}
> div { > div {
flex: 0 0 100%; flex: 0 0 100%;
border-bottom: 1px dashed rgba($brand-grey-light, .3); border-bottom: 1px dashed rgba($brand-grey-light, .3);
@ -62,7 +68,6 @@
padding-right: $spacer; padding-right: $spacer;
position: relative; position: relative;
text-align: left; text-align: left;
height: 100%;
&:hover, &:hover,
&:focus { &:focus {

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

@ -5,6 +5,10 @@
margin-top: -($spacer * 2); margin-top: -($spacer * 2);
margin-bottom: $spacer; margin-bottom: $spacer;
@media (min-width: $screen-md) {
@include breakoutviewport;
}
ul { ul {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;