Skip to content

V
vipSupplier
Commit c42570ff by 初志鑫
Options

deploy

parent 25e29a96
Showing with 159 additions and 235 deletions
src/styles/normalize.scss
@charset "utf-8"; @charset "utf-8";
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/** /**
* 1. Set default font family to sans-serif. * 1. Correct the line height in all browsers.
* 2. Prevent iOS text size adjust after orientation change, without disabling * 2. Prevent adjustments of font size after orientation changes in iOS.
* user zoom.
*/ */
html { html {
font-family: sans-serif; /* 1 */ line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */
} }
/* Sections
========================================================================== */
/** /**
* Remove default margin. * Remove the margin in all browsers.
*/ */
body { body {
margin: 0; margin: 0;
} }
/* HTML5 display definitions
========================================================================== */
/** /**
* Correct `block` display not defined for any HTML5 element in IE 8/9. * Render the `main` element consistently in IE.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 */
* and Firefox.
* Correct `block` display not defined for `main` in IE 11. main {
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; display: block;
} }
/** /**
* 1. Correct `inline-block` display not defined in IE 8/9. * Correct the font size and margin on `h1` elements within `section` and
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. * `article` contexts in Chrome, Firefox, and Safari.
*/ */
audio, h1 {
canvas, margin: 0.67em 0;
progress, font-size: 2em;
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
} }
/* Grouping content
========================================================================== */
/** /**
* Prevent modern browsers from displaying `audio` without controls. * 1. Add the correct box sizing in Firefox.
* Remove excess height in iOS 5 devices. * 2. Show the overflow in Edge and IE.
*/ */
audio:not([controls]) { hr {
display: none; box-sizing: content-box; /* 1 */
height: 0; height: 0; /* 1 */
overflow: visible; /* 2 */
} }
/** /**
* Address `[hidden]` styling not present in IE 8/9/10. * 1. Correct the inheritance and scaling of font size in all browsers.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. * 2. Correct the odd `em` font sizing in all browsers.
*/ */
[hidden], pre {
template { font-family: monospace; /* 1 */
display: none; font-size: 1em; /* 2 */
} }
/* Links /* Text-level semantics
========================================================================== */ ========================================================================== */
/** /**
* Remove the gray background color from active links in IE 10. * Remove the gray background on active links in IE 10.
*/ */
a { a {
...@@ -93,63 +80,39 @@ a { ...@@ -93,63 +80,39 @@ a {
} }
/** /**
* Improve readability when focused and also mouse hovered in all browsers. * 1. Remove the bottom border in Chrome 57-
*/ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/ */
abbr[title] { abbr[title] {
border-bottom: 1px dotted; text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
border-bottom: none; /* 1 */
} }
/** /**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome. * Add the correct font weight in Chrome, Edge, and Safari.
*/ */
b, b,
strong { strong {
font-weight: bold; font-weight: bolder;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
margin: 0.67em 0;
font-size: 2em;
} }
/** /**
* Address styling not present in IE 8/9. * 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/ */
mark { code,
color: #000; kbd,
background: #ff0; samp {
font-family: monospace; /* 1 */
font-size: 1em; /* 2 */
} }
/** /**
* Address inconsistent and variable font size in all browsers. * Add the correct font size in all browsers.
*/ */
small { small {
...@@ -157,7 +120,8 @@ small { ...@@ -157,7 +120,8 @@ small {
} }
/** /**
* Prevent `sub` and `sup` affecting `line-height` in all browsers. * Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/ */
sub, sub,
...@@ -168,262 +132,222 @@ sup { ...@@ -168,262 +132,222 @@ sup {
vertical-align: baseline; vertical-align: baseline;
} }
sup {
top: -0.5em;
}
sub { sub {
bottom: -0.25em; bottom: -0.25em;
} }
sup {
top: -0.5em;
}
/* Embedded content /* Embedded content
========================================================================== */ ========================================================================== */
/** /**
* Remove border when inside `a` element in IE 8/9/10. * Remove the border on images inside links in IE 10.
*/ */
img { img {
border: 0; border-style: none;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
} }
/* Grouping content /* Forms
========================================================================== */ ========================================================================== */
/** /**
* Address margin not present in IE 8/9 and Safari. * 1. Change the font styles in all browsers.
*/ * 2. Remove the margin in Firefox and Safari.
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/ */
hr { button,
-moz-box-sizing: content-box; input,
box-sizing: content-box; optgroup,
height: 0; select,
textarea {
margin: 0; /* 2 */
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
} }
/** /**
* Contain overflow in all browsers. * Show the overflow in IE.
* 1. Show the overflow in Edge.
*/ */
pre { button,
overflow: auto; input {
/* 1 */
overflow: visible;
} }
/** /**
* Address odd `em`-unit font size rendering in all browsers. * Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/ */
code, button,
kbd, select {
pre, /* 1 */
samp { text-transform: none;
font-family: monospace, monospace;
font-size: 1em;
} }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/** /**
* 1. Correct color not being inherited. * Correct the inability to style clickable types in iOS and Safari.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/ */
button, button,
input, [type="button"],
optgroup, [type="reset"],
select, [type="submit"] {
textarea { -webkit-appearance: button;
margin: 0; /* 3 */
font: inherit; /* 2 */
color: inherit; /* 1 */
} }
/** /**
* Address `overflow` set to `hidden` in IE 8/9/10/11. * Remove the inner border and padding in Firefox.
*/ */
button { button::-moz-focus-inner,
overflow: visible; [type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
} }
/** /**
* Address inconsistent `text-transform` inheritance for `button` and `select`. * Restore the focus styles unset by the previous rule.
* 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, button:-moz-focusring,
select { [type="button"]:-moz-focusring,
text-transform: none; [type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} }
/** /**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * Correct the padding in Firefox.
* 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, fieldset {
html input[type="button"], /* 1 */ padding: 0.35em 0.75em 0.625em;
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
} }
/** /**
* Re-set default cursor for disabled elements. * 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.
*/ */
button[disabled], legend {
html input[disabled] { box-sizing: border-box; /* 1 */
cursor: default; display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
color: inherit; /* 2 */
white-space: normal; /* 1 */
} }
/** /**
* Remove inner padding and border in Firefox 4+. * Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/ */
button::-moz-focus-inner, progress {
input::-moz-focus-inner { vertical-align: baseline;
padding: 0;
border: 0;
} }
/** /**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in * Remove the default vertical scrollbar in IE 10+.
* the UA stylesheet.
*/ */
input { textarea {
line-height: normal; overflow: auto;
} }
/** /**
* It's recommended that you don't attempt to style these elements. * 1. Add the correct box sizing in IE 10.
* Firefox's implementation doesn't respect box-sizing, padding, or width. * 2. Remove the padding in IE 10.
*
* 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"], [type="checkbox"],
input[type="radio"] { [type="radio"] {
box-sizing: border-box; /* 1 */ box-sizing: border-box; /* 1 */
padding: 0; /* 2 */ padding: 0; /* 2 */
} }
/** /**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain * Correct the cursor style of increment and decrement buttons in Chrome.
* `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, [type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { [type="number"]::-webkit-outer-spin-button {
height: auto; height: auto;
} }
/** /**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 1. Correct the odd appearance in Chrome and Safari.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome * 2. Correct the outline style in Safari.
* (include `-moz` to future-proof).
*/ */
input[type="search"] { [type="search"] {
-webkit-appearance: textfield; /* 1 */ -webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box; outline-offset: -2px; /* 2 */
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
} }
/** /**
* Remove inner padding and search cancel button in Safari and Chrome on OS X. * Remove the inner padding in Chrome and Safari on macOS.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/ */
input[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; -webkit-appearance: none;
} }
/** /**
* Define consistent border, margin, and padding. * 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/ */
fieldset { ::-webkit-file-upload-button {
padding: 0.35em 0.625em 0.75em; -webkit-appearance: button; /* 1 */
margin: 0 2px; font: inherit; /* 2 */
border: 1px solid #c0c0c0;
} }
/** /* Interactive
* 1. Correct `color` not being inherited in IE 8/9/10/11. ========================================================================== */
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
padding: 0; /* 2 */
border: 0; /* 1 */
}
/** /*
* Remove default vertical scrollbar in IE 8/9/10/11. * Add the correct display in Edge, IE 10+, and Firefox.
*/ */
textarea { details {
overflow: auto; display: block;
} }
/** /*
* Don't inherit the `font-weight` (applied by a rule above). * Add the correct display in all browsers.
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/ */
optgroup { summary {
font-weight: bold; display: list-item;
} }
/* Tables /* Misc
========================================================================== */ ========================================================================== */
/** /**
* Remove most spacing between table cells. * Add the correct display in IE 10+.
*/ */
table { template {
border-spacing: 0; display: none;
border-collapse: collapse;
} }
td, /**
th { * Add the correct display in IE 10.
padding: 0; */
[hidden] {
display: none;
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment