more susy related stuff

This commit is contained in:
Jörg Thalheim 2012-08-26 16:59:55 +02:00
parent f182c41b02
commit 1b249463d0
2 changed files with 26 additions and 5 deletions

View File

@ -2,7 +2,7 @@
head_profile: http://gmpg.org/xfn/11 head_profile: http://gmpg.org/xfn/11
--- ---
h1 Jörg Thalheim / Mic92 h1 Jörg Thalheim / Mic92
div class="grid_4" div.span3
h2 Contact h2 Contact
dl dl
dt Email: dt Email:
@ -14,7 +14,8 @@ div class="grid_4"
dt IRC: dt IRC:
dd.icon-comment-alt dd.icon-comment-alt
a rel="me" href="irc://irc.freenode.net/" Mic92 a rel="me" href="irc://irc.freenode.net/" Mic92
div class="grid_4"
div.span3
h2 Content h2 Content
dl dl
dt Microblogging: dt Microblogging:
@ -31,7 +32,7 @@ div class="grid_4"
dd.icon-google-plus dd.icon-google-plus
a rel="me" href="https://plus.google.com/107837103594826869647/posts" jthalheim@gmail.com a rel="me" href="https://plus.google.com/107837103594826869647/posts" jthalheim@gmail.com
div class="grid_4" div.span3_omega
h2 Rest h2 Rest
dl dl
dt Github Achievements: dt Github Achievements:
@ -39,5 +40,4 @@ div class="grid_4"
a rel="me" href="http://coderwall.com/mic92" coderwall.com/mic92 a rel="me" href="http://coderwall.com/mic92" coderwall.com/mic92
dt Stackoverflow: dt Stackoverflow:
dd.icon-user dd.icon-user
a rel="me" href="http://stackoverflow.com/users/1061240/mic92" stackoverflow.com/users/1061240/mic92 a rel="me" href="http://stackoverflow.com/users/1061240/mic92" stackoverflow.com/users/1061240

View File

@ -54,6 +54,7 @@ footer {
#main { #main {
margin-top: 50px; margin-top: 50px;
@include clearfix;
} }
a:hover { a:hover {
color: darken($yellow, 10%); color: darken($yellow, 10%);
@ -69,6 +70,10 @@ footer {
@include transition-timing-function(ease-in); @include transition-timing-function(ease-in);
} }
.span3 { @include span-columns(3,9); }
.span3_omega { @include span-columns(3 omega,9); }
.clear { clear: both; }
#sitelink { #sitelink {
float: left; float: left;
font-size: 1.1em; font-size: 1.1em;
@ -83,6 +88,22 @@ footer {
@include text-shadow(0px, -1px, 1px, rgb(255,255,255), 0px, 1px, 1px, rgb(102,102,102)); @include text-shadow(0px, -1px, 1px, rgb(255,255,255), 0px, 1px, 1px, rgb(102,102,102));
} }
@media screen and (max-width: 900) {
dd { margin-left: 2em;}
}
@media screen and (max-width: 770) {
dd { margin-left: 1em;}
}
@media screen and (max-width: 770) {
dd { margin-left: 1em;}
}
@media screen and (max-width: 740) {
dd { margin-left: 0;}
}
@media screen and (max-width: 600) {
.span3 { @include reset-columns}
.span3_omega { @include reset-columns}
}
#overview { #overview {
font-size: 2em; font-size: 2em;