m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2025-01-03 10:25:00 +01:00
Code Releases Activity

try to work around 1Blocker social blocking

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-05-08 21:15:44 +02:00
parent 27f8fc3393
commit 1d0d89d5d3
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/molecules/Social.jsx
View File

@ -31,16 +31,16 @@ const SocialIcon = props => {
const Social = ({ meta, minimal, hide }) => { const Social = ({ meta, minimal, hide }) => {
const { social } = meta const { social } = meta
const classes = minimal ? 'social social--minimal' : 'social' const classes = minimal ? 'networks networks--minimal' : 'networks'
return ( return (
!hide && ( !hide && (
<FadeIn timeout={{ enter: 200, exit: 0, appear: 200 }}> <FadeIn timeout={{ enter: 200, exit: 0, appear: 200 }}>
<aside className={classes}> <aside className={classes}>
{Object.keys(social).map((key, i) => ( {Object.keys(social).map((key, i) => (
<OutboundLink className="social__link" href={social[key]} key={i}> <OutboundLink className="networks__link" href={social[key]} key={i}>
<SocialIcon title={key} className="icon" /> <SocialIcon title={key} className="icon" />
<span className="social__title">{key}</span> <span className="networks__title">{key}</span>
</OutboundLink> </OutboundLink>
))} ))}
</aside> </aside>

10
src/components/molecules/Social.scss
View File

@ -1,13 +1,13 @@
@import 'variables'; @import 'variables';
.social { .networks {
margin-top: $spacer * $line-height; margin-top: $spacer * $line-height;
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.social__title { .networks__title {
display: block; display: block;
width: 100%; width: 100%;
font-size: $font-size-mini; font-size: $font-size-mini;
@ -17,7 +17,7 @@
transition: .2s ease-out; transition: .2s ease-out;
} }
.social__link { .networks__link {
margin-left: $spacer / 4; margin-left: $spacer / 4;
margin-right: $spacer / 4; margin-right: $spacer / 4;
text-align: center; text-align: center;
@ -47,13 +47,13 @@
fill: $brand-cyan; fill: $brand-cyan;
} }
.social__title { .networks__title {
opacity: 1; opacity: 1;
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
} }
.social--minimal & { .networks--minimal & {
padding: $spacer / 4; padding: $spacer / 4;
margin-left: $spacer / 4; margin-left: $spacer / 4;
margin-right: $spacer / 4; margin-right: $spacer / 4;

2
src/components/organisms/Footer.scss
View File

@ -10,7 +10,7 @@
font-size: $font-size-mini; font-size: $font-size-mini;
} }
.social { .networks {
margin-top: 0; margin-top: 0;
margin-bottom: $spacer; margin-bottom: $spacer;
} }