Update normalize.css to 5.0.0

This commit is contained in:
Wassim Bourguiba 2017-01-23 11:39:37 +01:00
parent ad445246dd
commit 8570c47ef8
No known key found for this signature in database
GPG Key ID: CF0F021180B80C03
3 changed files with 295 additions and 213 deletions

View File

@ -23,78 +23,93 @@
/* ---------------------------------- */ /* ---------------------------------- */
/* ==Normalize (basic reset) */ /* ==Normalize (basic reset) */
/* ---------------------------------- */ /* ---------------------------------- */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/** /**
* 1. Change the default font family in all browsers (opinionated). * 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS. * 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/ */
html { html {
font-family: sans-serif; font-family: sans-serif;
/* 1 */ /* 1 */
-ms-text-size-adjust: 100%; line-height: 1.15;
/* 2 */ /* 2 */
-ms-text-size-adjust: 100%;
/* 3 */
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
/* 2 */ } /* 3 */ }
/* Sections
========================================================================== */
/** /**
* Remove the margin in all browsers (opinionated). * Remove the margin in all browsers (opinionated).
*/ */
body { body {
margin: 0; } margin: 0; }
/* HTML5 display definitions
========================================================================== */
/** /**
* Add the correct display in IE 9-. * Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/ */
article, article,
aside, aside,
details,
figcaption,
figure,
footer, footer,
header, header,
main,
menu,
nav, nav,
section, section {
summary { display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */ /* 1 */
display: block; } display: block; }
/** /**
* Add the correct display in IE 9-. * Add the correct margin in IE 8.
*/ */
audio, figure {
canvas, margin: 1em 40px; }
progress,
video {
display: inline-block; }
/** /**
* Add the correct display in iOS 4-7. * 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/ */
audio:not([controls]) { hr {
display: none; box-sizing: content-box;
height: 0; } /* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/** /**
* Add the correct vertical alignment in Chrome, Firefox, and Opera. * 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/ */
progress { pre {
vertical-align: baseline; } font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/** /* Text-level semantics
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template,
[hidden] {
display: none; }
/* Links
========================================================================== */ ========================================================================== */
/** /**
* 1. Remove the gray background on active links in IE 10. * 1. Remove the gray background on active links in IE 10.
@ -114,8 +129,6 @@ a:active,
a:hover { a:hover {
outline-width: 0; } outline-width: 0; }
/* Text-level semantics
========================================================================== */
/** /**
* 1. Remove the bottom border in Firefox 39-. * 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
@ -142,20 +155,24 @@ b,
strong { strong {
font-weight: bolder; } 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-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/** /**
* Add the correct font style in Android 4.3-. * Add the correct font style in Android 4.3-.
*/ */
dfn { dfn {
font-style: italic; } font-style: italic; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/** /**
* Add the correct background and color in IE 9-. * Add the correct background and color in IE 9-.
*/ */
@ -188,6 +205,20 @@ sup {
/* Embedded content /* 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-. * Remove the border on images inside links in IE 10-.
*/ */
@ -200,60 +231,26 @@ img {
svg:not(:root) { svg:not(:root) {
overflow: hidden; } overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* 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 {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/* Forms /* Forms
========================================================================== */ ========================================================================== */
/** /**
* 1. Change font properties to `inherit` in all browsers (opinionated). * 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari. * 2. Remove the margin in Firefox and Safari.
*/ */
button, button,
input, input,
optgroup,
select, select,
textarea { textarea {
font: inherit; font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */ /* 1 */
margin: 0; margin: 0;
/* 2 */ } /* 2 */ }
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold; }
/** /**
* Show the overflow in IE. * Show the overflow in IE.
* 1. Show the overflow in Edge. * 1. Show the overflow in Edge.
@ -331,6 +328,16 @@ legend {
white-space: normal; white-space: normal;
/* 1 */ } /* 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. * Remove the default vertical scrollbar in IE.
*/ */
@ -366,19 +373,12 @@ textarea {
/* 2 */ } /* 2 */ }
/** /**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X. * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/ */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration { [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } -webkit-appearance: none; }
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54; }
/** /**
* 1. Correct the inability to style clickable types in iOS and Safari. * 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari. * 2. Change font properties to `inherit` in Safari.
@ -389,6 +389,44 @@ textarea {
font: inherit; font: inherit;
/* 2 */ } /* 2 */ }
/* 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; }
/* ----------------------------- */ /* ----------------------------- */
/* ==Base (basic styles) */ /* ==Base (basic styles) */
/* ----------------------------- */ /* ----------------------------- */
@ -879,6 +917,7 @@ input[type="reset"].unstyled {
outline: none; } outline: none; }
/* Media object */ /* Media object */
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
@media (min-width: 544px) { @media (min-width: 544px) {
.o-media { .o-media {
display: -webkit-box; display: -webkit-box;
@ -907,6 +946,7 @@ input[type="reset"].unstyled {
align-self: center; } } align-self: center; } }
/* Autogrid object */ /* Autogrid object */
/* see http://codepen.io/raphaelgoetter/pen/KMgBJd */
@media (min-width: 544px) { @media (min-width: 544px) {
[class^="autogrid"], [class^="autogrid"],
[class*=" autogrid"] { [class*=" autogrid"] {

File diff suppressed because one or more lines are too long

View File

@ -1,16 +1,25 @@
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/** /**
* 1. Change the default font family in all browsers (opinionated). * 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS. * 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/ */
html { html {
font-family: sans-serif; /* 1 */ font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */ line-height: 1.15; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */
-webkit-text-size-adjust: 100%; /* 3 */
} }
/* Sections
========================================================================== */
/** /**
* Remove the margin in all browsers (opinionated). * Remove the margin in all browsers (opinionated).
*/ */
@ -19,69 +28,73 @@ body {
margin: 0; margin: 0;
} }
/* HTML5 display definitions
========================================================================== */
/** /**
* Add the correct display in IE 9-. * Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/ */
article, article,
aside, aside,
details, /* 1 */
figcaption,
figure,
footer, footer,
header, header,
main, /* 2 */
menu,
nav, nav,
section, section {
summary { /* 1 */
display: block; display: block;
} }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/** /**
* Add the correct display in IE 9-. * Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE. * 1. Add the correct display in IE.
*/ */
template, /* 1 */ figcaption,
[hidden] { figure,
display: none; main { /* 1 */
display: block;
} }
/* Links /**
* 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 {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */ ========================================================================== */
/** /**
@ -104,9 +117,6 @@ a:hover {
outline-width: 0; outline-width: 0;
} }
/* Text-level semantics
========================================================================== */
/** /**
* 1. Remove the bottom border in Firefox 39-. * 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
@ -136,6 +146,18 @@ strong {
font-weight: bolder; 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-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/** /**
* Add the correct font style in Android 4.3-. * Add the correct font style in Android 4.3-.
*/ */
@ -144,16 +166,6 @@ dfn {
font-style: italic; font-style: italic;
} }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/** /**
* Add the correct background and color in IE 9-. * Add the correct background and color in IE 9-.
*/ */
@ -195,6 +207,24 @@ sup {
/* Embedded content /* 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-. * Remove the border on images inside links in IE 10-.
*/ */
@ -211,65 +241,25 @@ svg:not(:root) {
overflow: hidden; overflow: hidden;
} }
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* 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 {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/* Forms /* Forms
========================================================================== */ ========================================================================== */
/** /**
* 1. Change font properties to `inherit` in all browsers (opinionated). * 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari. * 2. Remove the margin in Firefox and Safari.
*/ */
button, button,
input, input,
optgroup,
select, select,
textarea { textarea {
font: inherit; /* 1 */ font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */ margin: 0; /* 2 */
} }
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/** /**
* Show the overflow in IE. * Show the overflow in IE.
* 1. Show the overflow in Edge. * 1. Show the overflow in Edge.
@ -352,6 +342,16 @@ legend {
white-space: normal; /* 1 */ 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. * Remove the default vertical scrollbar in IE.
*/ */
@ -391,7 +391,7 @@ textarea {
} }
/** /**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X. * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/ */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-cancel-button,
@ -399,15 +399,6 @@ textarea {
-webkit-appearance: none; -webkit-appearance: none;
} }
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
/** /**
* 1. Correct the inability to style clickable types in iOS and Safari. * 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari. * 2. Change font properties to `inherit` in Safari.
@ -417,3 +408,54 @@ textarea {
-webkit-appearance: button; /* 1 */ -webkit-appearance: button; /* 1 */
font: inherit; /* 2 */ font: inherit; /* 2 */
} }
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details, /* 1 */
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;
}