@import 'facades/typography/rhythm'; @import "compass/typography/lists/inline-block-list"; // // Establishes a default baseline for vertical rhythm // CSS Reset from html5doctor.com // html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{ display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; &:before, &:after{ content:''; content:none; } } a{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } $base-font-size: $font-size; $base-line-height: $line-height; // Establish a baseline by default. @include establish-baseline($font-size); body{ font-size-adjust:none; @include normal-text; } img{ margin:0; } // Establish reasonable heading and font sizes, with line-heights based on vertical rhythm. h1,h2,h3,h4,h5,h6{ font-weight:normal;} @include font-scaling; a{ text-decoration:underline; color:$link-color; &:hover{ color:$link-hover-color; } &:focus{ color:$link-focus-color; } &:active{ color:$link-active-color; } &:visited{ color:$link-visited-color; } } blockquote{ font-style:italic; } strong, dfn{ font-weight: bold; } em, dfn{ font-style: italic; } sup, sub{ line-height: 0; } abbr, acronym{ border-bottom: 1px dotted lighten($font-color, 10%); } address{ margin: 0 0 1.5em; font-style: italic; } pre{ margin: 1.5em 0; white-space:pre; } pre, code, tt{ @include fixed-width-text; } ul, ol{ margin:0 1.5em rhythm(1, $font-size) 0; padding-left: 1.5em; li{ @include adjust-font-size-to($font-size); ol, ul{ margin:0; } } } ul{ list-style-type: $unordered-list-type; } ol{ list-style-type: $ordered-list-type; } dl{ margin: 0 0 rhythm(1, $font-size) 0; dt{ font-weight: bold; } } dd{ margin:0 1.5em rhythm(1, $font-size) 1.5em; } table{ margin-bottom: 1.4em; width: 100%; th{ font-weight: bold; } thead th{ background: $table-header-color; } th,td,caption{ padding: 4px 10px 4px 5px; } table.striped tr:nth-child(even) td, table tr.even td{ background:$table-stripe-color; } } nav{ ol, ul{ @include inline-block-list(1em); @include margin-trailer(1, $font-size); } }