// Based on Eric Meyer's reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

// Global reset rules.
// For more specific resets, use the reset mixins provided below
=global-reset
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td
    +reset-box-model
    +reset-font
  
  *:focus
    +reset-focus
  
  body
    +reset-body
    
  ol, ul
    +reset-list-style

  /* tables still need 'cellspacing="0"' in the markup 
  table
    +reset-table
  
  caption, th, td
    +reset-table-cell
  
  q, blockquote
    +reset-quotation
    
  img a
    +reset-image-anchor-border
 
 
// Reset all elements within some selector scope.To reset the selector itself,
// mixin the appropriate reset mixin for that element type as well. This could be
// useful if you want to style a part of your page in a dramatically different way.
=nested-reset
  div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
  pre, a, abbr, acronym, address, code, del, dfn, em, img,
  dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr
    +reset-box-model
    +reset-font

  /* tables still need 'cellspacing="0"' in the markup 
  table
    +reset-table
  
  caption, th, td
    +reset-table-cell
  
  q, blockquote
    +reset-quotation
  
  img a
    +reset-image-anchor-border
 
//Mixins partials
=reset-box-model
  margin: 0
  padding: 0
  border: 0
  outline: 0
 
=reset-font
  font:
    weight: inherit
    style: inherit
    size: 100%
    family: inherit
  vertical-align: baseline
 
=reset-focus
  outline: 0
 
=reset-body
  line-height: 1em
  color: #000
  background: #fff
 
=reset-list-style
  list-style: none
 
=reset-table
  border-collapse: separate
  border-spacing: 0
  vertical-align: middle
 
=reset-table-cell
  text-align: left
  font-weight: normal
  vertical-align: middle
 
=reset-quotation
  quotes: "" ""
  &:before, &:after
    content: ""
 
=reset-image-anchor-border
  border: none

=reset-html5
  section, article, aside, header, footer, nav, dialog, figure
    display: block

//**
  Resets the display of inline and block elements to their default display
  according to their tag type. Elements that have a default display that varies across
  versions of html or browser are not handled here, but this covers the 90% use case.
  Usage Example:
    // Turn off the display for both of these classes
    .unregistered-only, .registered-only
      display: none
    // Now turn only one of them back on depending on some other context.
    body.registered
      +reset-display(".registered-only")
    body.unregistered
      +reset-display(".unregistered-only")
=reset-display(!selector = "", !important = false)
  #{append_selector(elements_of_type("inline"), !selector)}
    @if !important
      display: inline !important
    @else
      display: inline
  #{append_selector(elements_of_type("block"), !selector)}
    @if !important
      display: block !important
    @else
      display: block