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

Proper grid/rhythm

Browse Source
This commit is contained in:
Ariejan de Vroom 2013-07-25 16:58:55 +02:00
parent 74038afd75
commit 8534e38371
2 changed files with 57 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
content/css/_layout.sass
View File

@ -1,24 +1,37 @@
$max-width: em(1280)
$mobile: new-breakpoint(max-width 480px) $mobile: new-breakpoint(max-width 480px)
section#page section#wrapper
@include outer-container @include outer-container
border: rhythm() solid transparent
header @include media($mobile)
@include span-columns(12) border: rhythm(0.5) solid transparent
@include rhythm
section#main section#page
section#content @include outer-container
@include span-columns(8)
@include media($mobile) padding: rhythm(2)
@include span-columns(12)
aside#sidebar @include media($mobile)
@include span-columns(4) padding: rhythm(1)
@include media($mobile) header
@include span-columns(12) @include span-columns(12)
footer section#main
@include span-columns(12) section#content
@include span-columns(9)
@include media($mobile)
@include span-columns(12)
aside#sidebar
@include span-columns(3)
@include media($mobile)
@include span-columns(12)
footer
@include span-columns(12)

57
layouts/default.haml
View File

@ -32,39 +32,40 @@
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})(); })();
%section#page %section#wrapper
%header#title %section#page
%h1= link_to "ariejan.net", "https://ariejan.net/" %header#title
%h1= link_to "ariejan.net", "https://ariejan.net/"
%nav#primary %nav#primary
%ol.interal %ol.interal
%li= link_to "Home", "/" %li= link_to "Home", "/"
%li= link_to "Projects", "/projects/" %li= link_to "Projects", "/projects/"
%li= link_to "Craftsmanship", "/craftsmanship/" %li= link_to "Craftsmanship", "/craftsmanship/"
%li= link_to "Talks", "/talks/" %li= link_to "Talks", "/talks/"
%li= link_to "About", "/about/" %li= link_to "About", "/about/"
%section#main %section#main
%section#content %section#content
= yield = yield
%aside#sidebar %aside#sidebar
#adpack #adpack
.bsarocks.bsap_a40a34b3f2d124df05e7c20ddaa79bd8#bsap_1287881 .bsarocks.bsap_a40a34b3f2d124df05e7c20ddaa79bd8#bsap_1287881
%a(href="http://adpacks.com" id="bsap_aplink") via Ad Packs %a(href="http://adpacks.com" id="bsap_aplink") via Ad Packs
%nav#social %nav#social
%ol %ol
%li= link_to "github", "https://github.com/ariejan" %li= link_to "github", "https://github.com/ariejan"
%li= link_to "twitter", "https://twitter.com/ariejan" %li= link_to "twitter", "https://twitter.com/ariejan"
%li= link_to "linkedin", "http://www.linkedin.com/in/ariejan" %li= link_to "linkedin", "http://www.linkedin.com/in/ariejan"
%li= link_to "RSS", "https://ariejan.net/rss.xml" %li= link_to "RSS", "https://ariejan.net/rss.xml"
%li= link_to "Contact", "mailto:ariejan@ariejan.net" %li= link_to "Contact", "mailto:ariejan@ariejan.net"
%footer %footer
.copyright .copyright
%p %p
Copyright © 1999 - #{Time.now.year} Ariejan de Vroom Copyright © 1999 - #{Time.now.year} Ariejan de Vroom
%ul.tla %ul.tla
:plain :plain