// Reset SCSS
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
border: 0;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
margin: 0;
outline: 0;
padding: 0; }
// Correct `block` display not defined in IE 8/9.
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{ display: block; }
// Correct `inline-block` display not defined in IE 8/9.
// Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
// Prevent modern browsers from displaying `audio` without controls.
// Remove excess height in iOS 5 devices.
audio:not([controls]) { display: none; height: 0; }
// Address `[hidden]` styling not present in IE 8/9.
// Hide the `template` element in IE, Safari, and Firefox < 22.
[hidden], template { display: none; }
// Remove the gray background color from active links in IE 10.
a { background: transparent; }
// Improve readability when focused and also mouse hovered in all browsers.
a:active, a:hover { outline: none; }
// Address styling not present in Safari 5 and Chrome.
dfn { font-style: italic; }
// Address styling not present in IE 8/9.
mark { background: #ff0; color: #000; }
// Prevent `sub` and `sup` affecting `line-height` in all browsers.
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
// Correct overflow displayed oddly in IE 9.
svg:not(:root) { overflow: hidden; }
// Address differences between Firefox and other browsers.
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
// Contain overflow in all browsers.
pre { overflow: auto; }
// Address odd `em`-unit font size rendering in all browsers.
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em; }
// 1. Correct color not being inherited.
// Known issue: affects color of disabled elements.
// 2. Correct font properties not being inherited.
// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */ }
// Re-set default cursor for disabled elements.
button[disabled], html input[disabled], input[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
optgroup { font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td, th { padding: 0; }