249 lines
5.1 KiB
SCSS
249 lines
5.1 KiB
SCSS
/**
|
|
* Name: reset.css
|
|
*
|
|
* A combination of Eric Mayer Reset and normalize.css
|
|
*
|
|
*/
|
|
|
|
/* ==========================================================================
|
|
=CssReset
|
|
========================================================================== */
|
|
|
|
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,
|
|
menu, nav, output, ruby, section, summary,
|
|
time, mark, audio, video {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
/* HTML5 display-role reset for older browsers */
|
|
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
main,
|
|
menu,
|
|
nav,
|
|
section,
|
|
summary {
|
|
display: block;
|
|
}
|
|
|
|
|
|
body { line-height: 1; }
|
|
|
|
ol,
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
|
|
blockquote,
|
|
q {
|
|
quotes: none;
|
|
}
|
|
|
|
blockquote:before,
|
|
blockquote:after,
|
|
q:before,
|
|
q:after {
|
|
content: '';
|
|
content: none;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
/**
|
|
* 1. Correct inline-block display not defined in IE 8/9.
|
|
* 2. Normalize vertical alignment of progress in Chrome, Firefox, and Opera.
|
|
*/
|
|
|
|
audio,
|
|
canvas,
|
|
progress,
|
|
video {
|
|
display: inline-block; /* 1 */
|
|
vertical-align: baseline; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* 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/10.
|
|
* Hide the template element in IE 8/9/11, Safari, and Firefox < 22.
|
|
*/
|
|
|
|
[hidden],
|
|
template {
|
|
display: none;
|
|
}
|
|
|
|
/**
|
|
* 1. Address margins set differently in Firefox 4+, Safari, and Chrome.
|
|
* 2. Correct color not being inherited.
|
|
* Known issue: affects color of disabled elements.
|
|
* 3. Correct font properties not being inherited.
|
|
*/
|
|
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
padding: 0;
|
|
margin: 0; /* 1 */
|
|
color: inherit; /* 2 */
|
|
font: inherit; /* 3 */
|
|
}
|
|
|
|
/**
|
|
* Address overflow set to hidden in IE 8/9/10/11.
|
|
*/
|
|
|
|
button { overflow: visible; }
|
|
|
|
/**
|
|
* Address inconsistent text-transform inheritance for button and select.
|
|
* All other form control elements do not inherit text-transform values.
|
|
* Correct button style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
|
* Correct select style inheritance in Firefox.
|
|
*/
|
|
|
|
button,
|
|
select {
|
|
text-transform: none;
|
|
}
|
|
|
|
/**
|
|
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native audio
|
|
* and video controls.
|
|
* 2. Correct inability to style clickable input types in iOS.
|
|
* 3. Improve usability and consistency of cursor style between image-type
|
|
* input and others.
|
|
*/
|
|
|
|
button,
|
|
html input[type="button"], /* 1 */
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
-webkit-appearance: button; /* 2 */
|
|
cursor: pointer; /* 3 */
|
|
}
|
|
|
|
/**
|
|
* Re-set default cursor for disabled elements.
|
|
*/
|
|
|
|
button[disabled],
|
|
html input[disabled] {
|
|
cursor: default;
|
|
}
|
|
|
|
/**
|
|
* Remove inner padding and border in Firefox 4+.
|
|
*/
|
|
|
|
button::-moz-focus-inner,
|
|
input::-moz-focus-inner {
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
/**
|
|
* Address Firefox 4+ setting line-height on input using !important in
|
|
* the UA stylesheet.
|
|
*/
|
|
|
|
input { line-height: normal; }
|
|
|
|
/**
|
|
* It's recommended that you don't attempt to style these elements.
|
|
* Firefox's implementation doesn't respect box-sizing, padding, or width.
|
|
*
|
|
* 1. Address box sizing set to content-box in IE 8/9/10.
|
|
* 2. Remove excess padding in IE 8/9/10.
|
|
*/
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
box-sizing: border-box; /* 1 */
|
|
padding: 0; /* 2 */
|
|
}
|
|
|
|
/**
|
|
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
|
* font-size values of the input, it causes the cursor style of the
|
|
* decrement button to change from default to text.
|
|
*/
|
|
|
|
input[type="number"]::-webkit-inner-spin-button,
|
|
input[type="number"]::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
|
|
/**
|
|
* 1. Address appearance set to searchfield in Safari and Chrome.
|
|
* 2. Address box-sizing set to border-box in Safari and Chrome
|
|
* (include -moz to future-proof).
|
|
*/
|
|
|
|
input[type="search"] {
|
|
-webkit-appearance: textfield; /* 1 */
|
|
-webkit-box-sizing: content-box; /* 2 */
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
/**
|
|
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
|
* Safari (but not Chrome) clips the cancel button when the search input has
|
|
* padding (and textfield appearance).
|
|
*/
|
|
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
input[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
/**
|
|
* 1. Always force vertical scroll
|
|
* 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
|
|
* 3. For animations
|
|
*/
|
|
|
|
html {
|
|
overflow-y: scroll; /* 1 */
|
|
-ms-text-size-adjust: 100%; /* 2 */
|
|
-webkit-text-size-adjust: 100%; /* 2 */
|
|
-webkit-font-smoothing: antialiased;
|
|
overflow-x: hidden; /* 3 */
|
|
} |