blexar/src/stylus/core/normalize.styl

CSS framework to establish your favorite websites in mints, with user experience in mind.

/* normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html
  line-height: $lineheight /* 1 */
  -ms-text-size-adjust: 100% /* 2 */
  -webkit-text-size-adjust: 100% /* 2 */

*
  box-sizing: border-box

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body
  margin: 0

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section
  display: block


/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main
  /* 1 */
  display: block

/**
 * Add the correct margin in IE 8.
 */
figure
  margin: 1em 40px

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr
  overflow: visible /* 2 */
  box-sizing: content-box /* 1 */
  height: 0 /* 1 */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre
  font-size: 1em /* 2 */
  font-family: monospace, monospace /* 1 */

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a
  background-color: transparent /* 1 */
  -webkit-text-decoration-skip: objects /* 2 */

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title]
  border-bottom: none /* 1 */
  text-decoration: underline /* 2 */
  text-decoration: underline dotted /* 2 */

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong
  font-weight: inherit

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong
  font-weight: bolder

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp
  font-size: 1em /* 2 */
  font-family: monospace, monospace /* 1 */

/**
 * Add the correct font style in Android 4.3-.
 */
dfn
  font-style: italic

/**
 * Add the correct background and color in IE 9-.
 */
mark
  background-color: #ff0
  color: #000

/**
 * Add the correct font size in all browsers.
 */
small
  font-size: 80%

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup
  position: relative
  vertical-align: baseline
  font-size: 75%
  line-height: 0

sub
  bottom: -0.25em

sup
  top: -0.5em

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video
  display: inline-block

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls])
  display: none
  height: 0

/**
 * Remove the border on images inside links in IE 10-.
 */
img
  border-style: none

/**
 * Hide the overflow in IE.
 */
svg:not(:root)
  overflow: hidden

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea
  margin: 0 /* 2 */
  font-size: 100% /* 1 */
  font-family: sans-serif /* 1 */
  line-height: 1.15 /* 1 */

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input
  /* 1 */
  overflow: visible

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select
  /* 1 */
  text-transform: none

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type='button'],
[type='reset'],
[type='submit']
  -webkit-appearance: button /* 2 */

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner
  padding: 0
  border-style: none

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring
  outline: 1px dotted ButtonText

/**
 * Correct the padding in Firefox.
 */
fieldset
  padding: 0.35em 0.75em 0.625em

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend
  display: table /* 1 */
  box-sizing: border-box /* 1 */
  padding: 0 /* 3 */
  max-width: 100% /* 1 */
  color: inherit /* 2 */
  white-space: normal /* 1 */

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress
  display: inline-block /* 1 */
  vertical-align: baseline /* 2 */

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea
  overflow: auto

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type='checkbox'],
[type='radio']
  box-sizing: border-box /* 1 */
  padding: 0 /* 2 */

/**
 * remove increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button
  margin: 0
  -webkit-appearance: none

/**
 * remove increment and decrement buttons in FireFox.
 */
[type=number]
  -moz-appearance: textfield

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search']
  outline-offset: -2px /* 2 */
  -webkit-appearance: textfield /* 1 */

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration
  -webkit-appearance: none

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button
  font: inherit /* 2 */
  -webkit-appearance: button /* 1 */

/* Interactive
   ========================================================================== */
/*
   * Add the correct display in IE 9-.
   * 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu
  display: block

/*
   * Add the correct display in all browsers.
*/
summary
  display: list-item

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas
  display: inline-block

/**
 * Add the correct display in IE.
 */
template
  display: none

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden]
  display: none