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

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

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