ariejan/devroom.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better mobile views.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
content/css/screen.scss
View File

@ -44,25 +44,30 @@ header#title {
background-color: $peterriver;
margin: 0;
padding: 12px;
padding: 12px 12px 0 12px;
text-align: center;
h1 {
margin: 12px 0;
#header-wrapper {
@include grid-row;
padding-bottom: 0;
font-family: "Lato", arial;
font-weight: 900;
font-size: 52px;
letter-spacing: 4px;
h1 {
margin: 12px 0;
display: inline-block;
color: $peterriver;
background-color: #fff;
padding: 4px 16px;
border-radius: $border-radius;
font-family: "Lato", arial;
font-weight: 900;
font-size: 28px;
letter-spacing: 4px;
text-transform: uppercase;
display: inline-block;
color: $peterriver;
background-color: #fff;
padding: 4px 16px;
border-radius: $border-radius;
text-transform: uppercase;
}
}
}
@ -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;

31
layouts/default.haml
View File

@ -35,23 +35,24 @@
})();
%header#title
%h1= link_to "ariejan.net", "https://ariejan.net/"
#header-wrapper
%h1= link_to "ariejan.net", "https://ariejan.net/"
%nav#social
%ol
%li= link_to "<i class='icon-github'></i>", "https://github.com/ariejan"
%li= link_to "<i class='icon-twitter'></i>", "https://twitter.com/ariejan"
%li= link_to "<i class='icon-linkedin'></i>", "http://www.linkedin.com/in/ariejan"
%li= link_to "<i class='icon-rss'></i>", "https://ariejan.net/rss.xml"
%li= link_to "<i class='icon-envelope'></i>", "mailto:ariejan@ariejan.net"
%nav#social
%ol
%li= link_to "<i class='icon-github'></i>", "https://github.com/ariejan"
%li= link_to "<i class='icon-twitter'></i>", "https://twitter.com/ariejan"
%li= link_to "<i class='icon-linkedin'></i>", "http://www.linkedin.com/in/ariejan"
%li= link_to "<i class='icon-rss'></i>", "https://ariejan.net/rss.xml"
%li= link_to "<i class='icon-envelope'></i>", "mailto:ariejan@ariejan.net"
%nav#primary
%ol.interal
%li= link_to "Home", "/"
%li= link_to "Projects", "/projects/"
%li= link_to "Craftsmanship", "/craftsmanship/"
%li= link_to "Talks", "/talks/"
%li= link_to "About", "/about/"
%nav#primary
%ol.interal
%li= link_to "Home", "/"
%li= link_to "Projects", "/projects/"
%li= link_to "Craftsmanship", "/craftsmanship/"
%li= link_to "Talks", "/talks/"
%li= link_to "About", "/about/"
#wrapper
= yield