diff options
Diffstat (limited to 'media/sass/base.sass')
| -rw-r--r-- | media/sass/base.sass | 201 |
1 files changed, 85 insertions, 116 deletions
diff --git a/media/sass/base.sass b/media/sass/base.sass index 8401c8f..9fbae36 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -1,125 +1,94 @@ @import _reset.sass -@import _grid.sass @import _mixins.sass -@import _globals.sass -@import _writing.sass -@import _photos.sass -@import _maps.sass -@import _about.sass -@import _contact.sass -@import _projects.sass -#featured-image img - margin-left: $pad - margin-bottom: 78px - -.hyphenate - text-align: justify -#currently - +sm-sans - text-transform: uppercase - font-size: 12px - clear: both - width: $full - padding-top: 20px - //border-top= !luxagraf_brown 1px "solid" - border-top: #b9b9b9 1px dotted - -#currently - padding: 0 - margin-bottom: 0px - margin-top: 36px - border-top: $luxagraf_brown 1px solid +// font-sizes: +// base: 16px = 1em +// 10px = .625em +// 12px = .75em +// 14px = .875em +// 16px = 1em +// 17px = 1.0625em (body text in articles) +// 18px = 1.125em +// 24px = 1.5em +// 30px = 1.875em +// 32px = 2em + + +html + height: 100% + +body + font: normal 100% unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif + color: $brown + margin: 0 auto + min-height: 100% + 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 + + +/* ###################Typography############# */ +p + font-size: 1.0625em /* 17px / 16px */ + line-height: 1.5em /* 24px / 16px */ + +a + text-decoration: none + color: $brown + &:hover + color: $orange + +ul li + display: inline + margin: 0 .125em + +.dateline, nav li, .breadcrumbs li + text-transform: uppercase + font-size: .75em + letter-spacing: .0625em -#featured-intro h1 - +headline-sans - font-size: 24px - line-height: 1.2em - margin: 0 -#writing-tease - h2 - margin: 24px 0 24px 0 - font-size: 12px +img + border: 10px $brown solid -#archive:after - clear: both -#archive - border-top: #b9b9b9 1px dotted - clear: both - h1 - margin: 36px 0 24px 0 +#featured-image img + width = 95% /* 315 / 520 */ + +h1 + font: normal 1.875em Helvetica, Verdana, sans-serif + letter-spacing: 0.5px + text-align: center +#archive article h1 + font: normal 1.5em Helvetica, Verdana, sans-serif + letter-spacing: 0.5px + text-align: center + text-transform: none +#archive h1 + font-weight: 700 + font-size: .75em text-transform: uppercase - +sm-sans - font-size: 12px - font-weight: bold - article - float: left - width: $col5 + $pad - margin-bottom: $pad - h1 - font-size: 18px - //min-height: 50px - margin: 0 - text-transform: none - font-weight: 400 - - h2 - +small-serif - font-size: 12px - margin: 0 - .col2 - margin-left: $pad * 2 - margin-right: $pad * 2 - p - margin: 0 - p.hyphenate - margin-top: 3px - text-align: justify - img - margin-top: 4px - .location, time - +tiny-serif - line-height: 3em - margin: 0 - padding: 0 - font-size: 0.7em text-align: left -// ie fixes ------------------------------ - -.ie #photo-galleries a img, .ie #photo-galleries img - outline: none - border: none !important - -.ie #photo-galleries li - width: 291px - height: 350px - -.ie #photo-galleries .legend - margin: 0 - bottom: 0 - margin-bottom: 8px - - -.ie .button a - background: none - padding: 0 - -.ie .button a:hover - background: none - color: #b53a04 !important - -.ie .drop - padding: 28px 10px 5px 0 - -.ie .figure .legend - bottom: 5px - padding: 8px 0 8px 8px - -.ie8 - body - outline: none - border: none -.ie8 *:focus - border: none
\ No newline at end of file +/* ######### layout ################*/ + +header + margin: 0 auto 1em auto + text-align: center + +nav + margin: 0 auto 2em auto + text-align: center +nav:after, footer:before + content: "." + display: block + height: 0 + clear: both + visibility: hidden + +footer + margin-top: 2em + p + font-size: .625em + text-align: center |