From df6cf28b30470166774213102378ded5931bc975 Mon Sep 17 00:00:00 2001 From: "luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f" Date: Thu, 30 Sep 2010 00:29:19 +0000 Subject: added viewport scaling --- media/sass/base.sass | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) (limited to 'media/sass') diff --git a/media/sass/base.sass b/media/sass/base.sass index 1557617..525428d 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -17,7 +17,7 @@ html height: 100% - max-width = 22.1875em + body font: normal 100% unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif color: $brown @@ -26,8 +26,8 @@ body position: relative padding: 0 //max-width: 61.75em /* 988px / 16px = 61.75em */ - max-width = 20.9375em /* 3 cols @ 92px + 20px gutter -- 335px / 16px = */ - background: white url('../img/988px-9col-92w-20gut.png') 217px 0 repeat-y + max-width = 19.6875em /* 3 cols @ 92px + 20px gutter -- 315px / 16px = */ + background: white url('../img/988px-9col-92w-20gut.png') 552px 0 repeat-y /* ###################Typography############# */ @@ -54,7 +54,7 @@ img border: 10px $brown solid #featured-image img - width = 95% /* 315 / 520 */ + width = 94% /* 315 / 520 */ h1 font: normal 1.875em Helvetica, Verdana, sans-serif @@ -92,3 +92,13 @@ footer p font-size: .625em text-align: center + +@media (min-device-width:1024px) and (max-width:509px), (max-device-width:480px) and (orientation:portrait) + body + margin: 0 10px + max-width = 20.9375em + +.postpic, .post-image + float: left + margin: .625em .625em .625em 0 + clear: right -- cgit v1.2.3-70-g09d2