m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-01-03 02:15:08 +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 />
<ActionContent
title="Have a comment?"
text="Hit me up on Twitter"
text="Hit me up"
textLink="@kremalicious"
/>
</a>

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

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

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

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