lightli/rf-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mobile responsive improvements

Browse Source
This commit is contained in:
Benjamin Jones 2020-04-28 13:53:13 +02:00
parent fa64a6ab5f
commit c88e150e17
3 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
_sass/includes/footer.scss
View File

@ -5,12 +5,12 @@ footer.page-footer {
a.social-link { a.social-link {
padding: $size-16; padding: $size-16;
background-color: $white; background-color: $white;
margin-right: $size-16;
fill: $black; fill: $black;
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
margin-right: $size-16;
svg { svg {
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
@ -24,4 +24,17 @@ footer.page-footer {
} }
} }
} }
@include touch {
padding-top: 0;
a.social-link {
margin: 0;
}
.page-content {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
}
} }

5
_sass/includes/header.scss
View File

@ -20,6 +20,11 @@ header.page-header {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
@include touch {
top: $size-16;
right: $size-12;
}
.menu { .menu {
display: flex; display: flex;
} }

6
_sass/pages/how-to-participate.scss
View File

@ -9,6 +9,12 @@
margin: 0 40px 16px 0; margin: 0 40px 16px 0;
} }
@include touch {
.content h2 {
margin: 0;
}
}
.content p:last-of-type { .content p:last-of-type {
margin-top: 24px; margin-top: 24px;
} }