path: root/partials/_x-normalize.scss

// fork of compass-h5bp 0.1.2, with overridable sizes
//
// No styleguide reference.
@import "h5bp";

$x-normalize-typography-p-margin: 1em 0 !default;
$x-normalize-typography-h1-fontsize: 2em !default;
$x-normalize-typography-h2-fontsize: 1.5em !default;
$x-normalize-typography-h3-fontsize: 1.17em !default;
$x-normalize-typography-h4-fontsize: 1em !default;
$x-normalize-typography-h5-fontsize: 0.83em !default;
$x-normalize-typography-h6-fontsize: 0.67em !default;
$x-normalize-typography-h1-margin: 0.67em 0 !default;
$x-normalize-typography-h2-margin: 0.83em 0 !default;
$x-normalize-typography-h3-margin: 1em 0 !default;
$x-normalize-typography-h4-margin: 1.33em 0 !default;
$x-normalize-typography-h5-margin: 1.67em 0 !default;
$x-normalize-typography-h6-margin: 2.33em 0 !default;
$x-normalize-typography-blockquote-margin: 1em 40px !default;
$x-normalize-typography-pre-fontsize: 1em !default;
$x-normalize-lists-lists-margin: 1em 0 !default;
$x-normalize-lists-dd-margin: 0 0 0 40px !default;
$x-normalize-lists-lists-padding: 0 0 0 40px !default;
$x-normalize-typography-small-fontsize: 80% !default;
$x-normalize-typography-supsub-fontsize: 75% !default;
$x-normalize-typography-sup-top: -0.5em !default;
$x-normalize-typography-sub-bottom: -0.25em !default;

@mixin x-normalize {
    @include x-normalize-display;
    @include x-normalize-base;
    @include x-normalize-links;
    @include x-normalize-typography;
    @include x-normalize-lists;
    @include x-normalize-embeds;
    @include x-normalize-figures;
    @include x-normalize-forms;
    @include x-normalize-tables;
}

@mixin x-normalize-display {
    @include h5bp-display;
}

@mixin x-normalize-base {
    @include h5bp-base;
}

@mixin x-normalize-links {
    @include h5bp-links;
}

@mixin x-normalize-typography (
  $p-margin: $x-normalize-typography-p-margin,
  $h1-fontsize: $x-normalize-typography-h1-fontsize,
  $h2-fontsize: $x-normalize-typography-h2-fontsize,
  $h3-fontsize: $x-normalize-typography-h3-fontsize,
  $h4-fontsize: $x-normalize-typography-h4-fontsize,
  $h5-fontsize: $x-normalize-typography-h5-fontsize,
  $h6-fontsize: $x-normalize-typography-h6-fontsize,
  $h1-margin: $x-normalize-typography-h1-margin,
  $h2-margin: $x-normalize-typography-h2-margin,
  $h3-margin: $x-normalize-typography-h3-margin,
  $h4-margin: $x-normalize-typography-h4-margin,
  $h5-margin: $x-normalize-typography-h5-margin,
  $h6-margin: $x-normalize-typography-h6-margin,
  $blockquote-margin: $x-normalize-typography-blockquote-margin,
  $pre-fontsize: $x-normalize-typography-pre-fontsize,
  $mall-fontsize: $x-normalize-typography-small-fontsize,
  $supsub-fontsize: $x-normalize-typography-supsub-fontsize,
  $sup-top: $x-normalize-typography-sup-top,
  $sub-bottom: $x-normalize-typography-sub-bottom
  ) {

  // Address font sizes and margins set differently in IE 6/7.
  // Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
  // and Chrome.
  h1 {
      font-size: $h1-fontsize;
      margin: $h1-margin;
  }

  h2 {
      font-size: $h2-fontsize;
      margin: $h2-margin;
  }

  h3 {
      font-size: $h3-fontsize;
      margin: $h3-margin;
  }

  h4 {
      font-size: $h4-fontsize;
      margin: $h4-margin;
  }

  h5 {
      font-size: $h5-fontsize;
      margin: $h5-margin;
  }

  h6 {
      font-size: $h6-fontsize;
      margin: $h6-margin;
  }

  // Address styling not present in IE 7/8/9, Safari 5, and Chrome.
  abbr[title] {
      border-bottom: 1px dotted;
  }

  // Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
  b,
  strong {
      font-weight: bold;
  }

  blockquote {
      margin: $blockquote-margin;
  }

  // Address styling not present in Safari 5 and Chrome.
  dfn {
      font-style: italic;
  }

  // Address differences between Firefox and other browsers.
  // Known issue: no IE 6/7 normalization.
  hr {
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      height: 0;
  }

  // Address styling not present in IE 6/7/8/9.
  mark {
      background: #ff0;
      color: #000;
  }

  // Address margins set differently in IE 6/7.
  p,
  pre {
      margin: $p-margin;
  }

  // Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
  code,
  kbd,
  pre,
  samp {
      font-family: monospace, serif;
      _font-family: 'courier new', monospace;
      font-size: $pre-fontsize;
  }

  // Improve readability of pre-formatted text in all browsers.
  pre {
      white-space: pre;
      white-space: pre-wrap;
      word-wrap: break-word;
  }

  // Address CSS quotes not supported in IE 6/7.
  q {
      quotes: none;
  }

  // Address `quotes` property not supported in Safari 4.
  q:before,
  q:after {
      content: '';
      content: none;
  }

  // Address inconsistent and variable font size in all browsers.
  small {
      font-size: $mall-fontsize;
  }

  // Prevent `sub` and `sup` affecting `line-height` in all browsers.
  sub,
  sup {
      font-size: $supsub-fontsize;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
  }

  sup {
      top: $sup-top;
  }

  sub {
      bottom: $sub-bottom;
  }

}

@mixin x-normalize-lists (
//  $margin-vertical: $x-normalize-lists-margin-vertical,
  $lists-margin: $x-normalize-lists-lists-margin,
  $dd-margin: $x-normalize-lists-dd-margin,
  $lists-padding: $x-normalize-lists-lists-padding
  ) {

  // Address margins set differently in IE 6/7.
  dl,
  menu,
  ol,
  ul {
      margin: $lists-margin;
  }

  dd {
      margin: $dd-margin;
  }

  // Address paddings set differently in IE 6/7.
  menu,
  ol,
  ul {
      padding: $lists-padding;
  }

  // Correct list images handled incorrectly in IE 7.
  nav ul,
  nav ol {
      list-style: none;
      list-style-image: none;
  }

}

@mixin x-normalize-embeds {
    @include h5bp-embeds;
}

@mixin x-normalize-figures {
    @include h5bp-figures;
}

@mixin x-normalize-forms {
    @include h5bp-forms;
}

@mixin x-normalize-tables {
    @include h5bp-tables;
}