diff options
| author | luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f> | 2010-09-30 00:29:19 +0000 |
|---|---|---|
| committer | luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f> | 2010-09-30 00:29:19 +0000 |
| commit | df6cf28b30470166774213102378ded5931bc975 (patch) | |
| tree | ec43096ac57a5db8137e7574a0d74c3d3c98695e /media/sass | |
| parent | 77b779dfd43386ab9a9f9aa5924df57fd6bcdb62 (diff) | |
added viewport scaling
Diffstat (limited to 'media/sass')
| -rw-r--r-- | media/sass/base.sass | 18 |
1 files changed, 14 insertions, 4 deletions
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 |