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

mobile tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-04-24 21:10:47 +02:00
parent b5d0d5c406
commit 7149120734
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,15 +1,15 @@
@import 'variables'; @import 'variables';
.social { .social {
margin-top: $spacer; margin-top: $spacer * 2;
display: flex; display: flex;
justify-content: center; justify-content: center;
width: 100%; width: 100%;
} }
.social__link { .social__link {
margin-left: $spacer / 2; margin-left: $spacer / 4;
margin-right: $spacer / 2; margin-right: $spacer / 4;
padding: $spacer / 2; padding: $spacer / 2;
text-align: center; text-align: center;
display: flex; display: flex;
@ -18,6 +18,11 @@
border-radius: .25rem; border-radius: .25rem;
transition-property: transform, background, box-shadow; transition-property: transform, background, box-shadow;
@media (min-width: 30rem) {
margin-left: $spacer / 2;
margin-right: $spacer / 2;
}
&, &,
.icon { .icon {
transition: .2s ease-out; transition: .2s ease-out;

4
src/components/organisms/Header.scss
View File

@ -17,7 +17,7 @@
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
fill: $brand-grey-light; fill: $brand-grey-light;
margin-bottom: $spacer; margin-bottom: $spacer / 2;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@ -32,6 +32,7 @@
font-size: $font-size-h3; font-size: $font-size-h3;
margin-right: $spacer / 4; margin-right: $spacer / 4;
color: $brand-main; color: $brand-main;
line-height: $line-height;
} }
.header__description { .header__description {
@ -63,6 +64,7 @@
.header__title { .header__title {
font-size: $font-size-h4; font-size: $font-size-h4;
line-height: $line-height-headings;
} }
.header__description { .header__description {