Better mobile views.

This commit is contained in:
Ariejan de Vroom 2013-06-27 08:58:41 +02:00
parent a5a3e38575
commit 83eeb06010
2 changed files with 35 additions and 30 deletions

View File

@ -44,16 +44,20 @@ header#title {
background-color: $peterriver;
margin: 0;
padding: 12px;
padding: 12px 12px 0 12px;
text-align: center;
#header-wrapper {
@include grid-row;
padding-bottom: 0;
h1 {
margin: 12px 0;
font-family: "Lato", arial;
font-weight: 900;
font-size: 52px;
font-size: 28px;
letter-spacing: 4px;
display: inline-block;
@ -65,6 +69,7 @@ header#title {
text-transform: uppercase;
}
}
}
nav#social {
text-align: center;
@ -98,7 +103,6 @@ nav#primary {
background-color: $peterriver;
padding-bottom: 24px;
margin-bottom: 12px;
ol {
list-style-type: none;
@ -114,7 +118,7 @@ nav#primary {
background-color: $belizehole;
padding: 4px 8px;
margin: 0 3px;
margin: 3px;
border-radius: $border-radius;

View File

@ -35,6 +35,7 @@
})();
%header#title
#header-wrapper
%h1= link_to "ariejan.net", "https://ariejan.net/"
%nav#social