1
0
mirror of https://github.com/flarum/core.git synced 2025-05-06 15:35:38 +02:00

Update Normalize.css

This commit is contained in:
David Wheatley 2021-08-11 23:11:24 +02:00 committed by Daniël Klabbers
parent f1ba5e7b70
commit d8c112088d

View File

@ -1,162 +1,111 @@
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*! Customised by Flarum to remove IE-specific styles. */
// /* Document
// 1. Set default font family to sans-serif. ========================================================================== */
// 2. Prevent iOS text size adjust after orientation change, without disabling
// user zoom. /**
// * 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
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 the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
// */
// Correct `block` display not defined for any HTML5 element in IE 8/9.
// 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.
//
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
//
// 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;
}
// Links
// ==========================================================================
//
// Remove the gray background color from active links in IE 10.
//
a {
background-color: transparent;
}
//
// Improve readability when focused and also mouse hovered in all browsers.
//
a:active,
a:hover {
outline: 0;
}
// Text-level semantics
// ==========================================================================
//
// Address styling not present in IE 8/9/10/11, Safari, and Chrome.
//
abbr[title] {
border-bottom: 1px dotted;
}
//
// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
//
b,
strong {
font-weight: bold;
}
//
// 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 { h1 {
font-size: 2em; font-size: 2em;
margin: 0.67em 0; margin: 0.67em 0;
} }
// /* Grouping content
// Address styling not present in IE 8/9. ========================================================================== */
//
mark { /**
background: #ff0; * 1. Add the correct box sizing in Firefox.
color: #000; * 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
} }
// /**
// Address inconsistent and variable font size in all browsers. * 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
========================================================================== */
/**
* 1. Remove the bottom border in Chrome 57-
* 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 */
}
/**
* 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-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small { small {
font-size: 80%; font-size: 80%;
} }
// /**
// 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,
sup { sup {
@ -166,262 +115,171 @@ sup {
vertical-align: baseline; vertical-align: baseline;
} }
sup {
top: -0.5em;
}
sub { sub {
bottom: -0.25em; bottom: -0.25em;
} }
// Embedded content sup {
// ========================================================================== top: -0.5em;
//
// Remove border when inside `a` element in IE 8/9/10.
//
img {
border: 0;
} }
// /* Forms
// Correct overflow not hidden in IE 9/10/11. ========================================================================== */
//
svg:not(:root) { /**
overflow: hidden; * 1. Change the font styles in all browsers.
} * 2. Remove the margin in Firefox and Safari.
*/
// Grouping content
// ==========================================================================
//
// Address margin not present in IE 8/9 and Safari.
//
figure {
margin: 1em 40px;
}
//
// 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;
}
// 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.
// 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, input,
optgroup, optgroup,
select, select,
textarea { textarea {
color: inherit; // 1 font-family: inherit; /* 1 */
font: inherit; // 2 font-size: 100%; /* 1 */
margin: 0; // 3 line-height: 1.15; /* 1 */
margin: 0; /* 2 */
} }
// /**
// Address `overflow` set to `hidden` in IE 8/9/10/11. * Show the overflow in IE.
// * 1. Show the overflow in Edge.
*/
button { button,
input {
/* 1 */
overflow: visible; overflow: visible;
} }
// /**
// Address inconsistent `text-transform` inheritance for `button` and `select`. * Remove the inheritance of text transform in Edge, Firefox, and IE.
// All other form control elements do not inherit `text-transform` values. * 1. Remove the inheritance of text transform in Firefox.
// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. */
// Correct `select` style inheritance in Firefox.
//
button, button,
select { select {
/* 1 */
text-transform: none; text-transform: none;
} }
// /**
// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * Correct the inability to style clickable types in iOS and Safari.
// 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, button,
html input[type="button"], // 1 [type="button"],
input[type="reset"], [type="reset"],
input[type="submit"] { [type="submit"] {
-webkit-appearance: button; // 2 -webkit-appearance: button;
cursor: pointer; // 3
} }
// /**
// Re-set default cursor for disabled elements. * Remove the inner border and padding in Firefox.
// */
button[disabled],
html input[disabled] {
cursor: default;
}
//
// Remove inner padding and border in Firefox 4+.
//
button::-moz-focus-inner, button::-moz-focus-inner,
input::-moz-focus-inner { [type="button"]::-moz-focus-inner,
border: 0; [type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; padding: 0;
} }
// /**
// Address Firefox 4+ setting `line-height` on `input` using `!important` in * Restore the focus styles unset by the previous rule.
// the UA stylesheet. */
//
input { button:-moz-focusring,
line-height: normal; [type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} }
// /**
// It's recommended that you don't attempt to style these elements. * Correct the padding in Firefox.
// 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"], fieldset {
input[type="radio"] { padding: 0.35em 0.75em 0.625em;
box-sizing: border-box; // 1
padding: 0; // 2
} }
// /**
// Fix the cursor style for Chrome's increment/decrement buttons. For certain * 1. Correct the text wrapping in Edge and IE.
// `font-size` values of the `input`, it causes the cursor style of the * 3. Remove the padding so developers are not caught out when they zero out
// decrement button to change from `default` to `text`. * `fieldset` elements in all browsers.
// */
input[type="number"]::-webkit-inner-spin-button, legend {
input[type="number"]::-webkit-outer-spin-button { box-sizing: border-box; /* 1 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-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 {
border: 1px solid #c0c0c0; -webkit-appearance: button; /* 1 */
margin: 0 2px; font: inherit; /* 2 */
padding: 0.35em 0.625em 0.75em;
} }
// /* 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 { /*
border: 0; // 1 * Add the correct display in Edge, IE 10+, and Firefox.
padding: 0; // 2 */
details {
display: block;
} }
// /*
// Remove default vertical scrollbar in IE 8/9/10/11. * Add the correct display in all browsers.
// */
textarea { summary {
overflow: auto; display: list-item;
}
//
// Don't inherit the `font-weight` (applied by a rule above).
// NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
//
optgroup {
font-weight: bold;
}
// Tables
// ==========================================================================
//
// Remove most spacing between table cells.
//
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} }