diff options
| author | luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f> | 2010-10-23 04:08:09 +0000 |
|---|---|---|
| committer | luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f> | 2010-10-23 04:08:09 +0000 |
| commit | 8b56f5c2394aa09d7ffd29b8cf6ccd51876feed3 (patch) | |
| tree | 9bed8abf8af8b84260ae1597da42da08213bb59e /media/sass/base.sass | |
| parent | ec94bc1283196f43bd383b5755e671b85d76347a (diff) | |
started rewrite to accommodate mobile and use fluid grid
Diffstat (limited to 'media/sass/base.sass')
| -rw-r--r-- | media/sass/base.sass | 50 |
1 files changed, 39 insertions, 11 deletions
diff --git a/media/sass/base.sass b/media/sass/base.sass index 839d46a..4b8a881 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -27,14 +27,16 @@ body 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 + background: white /* url('../img/988px-9col-92w-20gut.png') 217px 0 repeat-y */ /* ###################Typography############# */ p font-size: 1.0625em /* 17px / 16px */ line-height: 1.5em /* 24px / 16px */ - +footer p + font-size: .625em + text-align: center a text-decoration: none color: $brown @@ -45,14 +47,16 @@ ul li display: inline margin: 0 .125em -.dateline, nav li, .breadcrumbs li +.dateline, nav li, .breadcrumbs li, .meta p text-transform: uppercase font-size: .75em letter-spacing: .0625em - +.meta p + text-align: center img border: 10px $brown solid + #featured-image img width = 95% /* 315 / 520 */ @@ -65,24 +69,32 @@ h1 letter-spacing: 0.5px text-align: center text-transform: none + margin: 1.875em 0 .875em 0 #archive h1 font-weight: 700 font-size: .75em text-transform: uppercase text-align: left - +.footnote + font-size: .875em +#post-metadata + margin-top: 0 + border-top: 1px $brown dotted + p + font-size: .875em + text-align: left /* ######### layout small ################*/ header margin: 0 auto 1em auto text-align: center - h1 + #logo h1 background: url('../img/tree.png') 0 0 no-repeat text-indent: -9999px width: 151px height: 84px margin: 0 auto - h2 + #logo h2 background: url('../img/text.png') 0 0 no-repeat text-indent: -9999px width: 184px @@ -94,7 +106,7 @@ nav border-top: 1px $brown dotted border-bottom: 1px $brown dotted width: 100% - padding: 4px 0 + padding: .25em 0 nav:after, footer:before content: "." display: block @@ -104,9 +116,7 @@ nav:after, footer:before footer margin-top: 2em - p - font-size: .625em - text-align: center + .dateline text-align: center @@ -116,3 +126,21 @@ footer .postpic, .post-image float: left margin: 0 .625em .625em 0 + +.postpic, .postpicright + width: auto +article img + width: 95% +article object, article embed + width: 100% +/* misc classes */ +.hide + display: none + +//.formatted +// column-count: 3 +// column-gap: 1.125em +// -moz-column-count: 3 +// -moz-column-gap: 18px +// -webkit-column-count: 3 +// -webkit-column-gap: 1.125em |