@warn "facades/reset is depreciated. Please use facades/setup (with facades/setup/ie in your ie stylesheet) to support normalization over resetting."; $font-size:12px !default; $line-height:24px !default; $font-family:'Helvetica Nueue', Helvetica, Arial, sans-serif !default; $font-color:#333 !default; $fixed-font-family:"andale mono", "lucida console", monospace !default; // Link colors $link-color:#06c !default; $link-hover-color:#09f !default; $link-focus-color:$link-hover-color !default; $link-active-color:lighten(adjust-hue($link-color, 75deg), 10%) !default; $link-visited-color:darken($link-color, 10%) !default; // Lists $ordered-list-type:decimal !default; $unordered-list-type:disc !default; // Table striping $table-header-color:#bbb !default; $table-stripe-color:lighten($table-header-color, 20%) !default; @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. body{ font-size-adjust:100%; -ms-text-size-adjust: none; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ @include normal-text; font-size:($font-size / 16px) * 1em; line-height:($line-height / 16px) * 1em; } 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; text-align:left; } th,td,caption{ padding: 4px 10px 4px 5px; } } table.striped tr:nth-child(even) td, tr.even td{ background:$table-stripe-color; } nav{ ol, ul{ @include inline-block-list(1em); @include margin-trailer(1, $font-size); } } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }