Website redesign

This commit is contained in:
Lennart Ziburski
2017-12-06 23:09:33 +01:00
parent 834c5f4942
commit d2274afff2
14 changed files with 430 additions and 477 deletions

View File

@ -1,10 +1,10 @@
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,900|Roboto+Mono:400,700);
body {
background-color: $shadeBlue;
color: $grey;
font-family: $roboto;
margin: 0;
text-align: center;
-webkit-font-smoothing: antialiased;
display: flex;
flex-direction: column;
@ -20,10 +20,10 @@ body {
}
h1 {
font-weight: $light;
font-size: $small;
line-height: $medium;
margin: 0 0 -10px 0;
font-weight: $bold;
font-size: $medium;
line-height: $large;
margin: 0 0 $small 0;
@media screen and (min-width: $tablet) {
font-size: 36px;
@ -33,9 +33,9 @@ h1 {
h2 {
font-family: $roboto;
font-size: 18px;
font-weight: $bold;
margin: 0;
font-size: $small;
font-weight: $regular;
margin: 0 auto $tiny auto;
&.subhead {
font-weight: $regular;
@ -44,20 +44,16 @@ h2 {
h3 {
font-family: $roboto;
font-size: $small;
font-weight: $regular;
font-size: $tiny;
font-weight: $bold;
line-height: 32px;
margin: 0;
}
p, ul {
font-size: 14px;
line-height: $small;
@media screen and (min-width: $tablet) {
font-size: 18px;
line-height: 32px;
}
font-size: $tiny;
line-height: 26px;
margin: 0;
}
a {