// reset.sass | LIBRARY HTML TAG RESET // Hard Tag Reset a, article, aside, blockquote, body, button, dd, dl, dt, fieldset, figure, footer, h1, h2, h3, h4, h5, h6, header, hgroup, html, img, input, label, legend, li, menu, nav, ol, p, section, select, small, table, textarea, td, th, tr, ul :font :size 100% :style normal :weight normal :line-height 1 :margin 0 :padding 0 :vertical-align baseline // Setting Blocks article, aside, figure, footer, header, hgroup, img, label, menu, nav, section @extend .block // Typography h1, h2, h3, h4, h5, h6, p, table, li, fieldset :margin-bottom $font-size p :line-height $font-size * 1.55 // Reset body, textarea, input, option, select, button :font-family $font-family body :-webkit-text-stroke 1px transparent :background $background :font-size $font-size :text-rendering optimizeLegibility body, legend :color $colour // Links a, abbr[title] :padding-bottom 1px a :border-bottom 1px solid :color $link_colour :outline 0 :text-decoration none &:hover :color $hover_colour &:hover, &:focus :border-bottom 0 &:active :color $active_colour img :border 0 // Tables + Forms table :border :collapse collapse :spacing 0 :width 100% caption, legend, td, th :text-align left td, th, input, select :vertical-align middle fieldset, input[type="checkbox"], input[type="radio"] :border 0 button, input[type="checkbox"], input[type="radio"], input[type="submit"], select :cursor pointer input[type="checkbox"] + label, input[type="radio"] + label :display inline-block :vertical-align -1px :.vertical-align baseline button :.vertical-align middle &::-moz-focus-inner :border 0 input &[type="submit"], &[type="button"] :.padding 2px 0 0 legend :.margin-left -6px textarea +box-sizing( border-box) :overflow auto :resize none // Misc abbr[title] :border-bottom 1px dotted :cursor help ul, ol :list-style none // Be nice to IE... a, div, li, li a @extend .zoom img :-ms-interpolation-mode bicubic // Modern Mobile Devices @media only screen and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) * :-webkit-box-shadow none !important :text-shadow none !important html :-ms-text-size-adjust none :-webkit :text-size-adjust none :touch-callout none :user-select none body :-webkit-text-stroke 0 black a :-webkit-tap-highlight-color rgba(0,0,0,0) // Printing @media print body :color black !important :background white !important :font-size 12pt !important a:after, abbr[title]:after :font-size 75% a:after :content " (" attr(href) ") " abbr[title] :border 0 &:after :content " (" attr(title) ") "