1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 18:17:20 +00:00

Switch to more modern fork of normalize.css

https://github.com/sindresorhus/modern-normalize
This commit is contained in:
jeremy@jermolene.com 2020-11-07 09:42:37 +00:00
parent 900a29fbb3
commit 9003c81039

View File

@ -1,14 +1,35 @@
title: $:/themes/tiddlywiki/vanilla/reset title: $:/themes/tiddlywiki/vanilla/reset
type: text/plain type: text/plain
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/* Document /*
========================================================================== */ Document
========
*/
/** /**
* 1. Correct the line height in all browsers. Use a better box model (opinionated).
* 2. Prevent adjustments of font size after orientation changes in iOS. */
*,
*::before,
*::after {
box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
:root {
-moz-tab-size: 4;
tab-size: 4;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/ */
html { html {
@ -16,11 +37,13 @@ html {
-webkit-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */
} }
/* Sections /*
========================================================================== */ Sections
========
*/
/** /**
* Remove the margin in all browsers. Remove the margin in all browsers.
*/ */
body { body {
@ -28,71 +51,52 @@ body {
} }
/** /**
* Render the `main` element consistently in IE. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/ */
main { body {
display: block; font-family:
system-ui,
-apple-system, /* Firefox supports this but not yet `system-ui` */
'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji';
} }
/** /*
* Correct the font size and margin on `h1` elements within `section` and Grouping content
* `article` contexts in Chrome, Firefox, and Safari. ================
*/ */
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/** /**
* 1. Add the correct box sizing in Firefox. 1. Add the correct height in Firefox.
* 2. Show the overflow in Edge and IE. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/ */
hr { hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */ height: 0; /* 1 */
overflow: visible; /* 2 */ color: inherit; /* 2 */
} }
/** /*
* 1. Correct the inheritance and scaling of font size in all browsers. Text-level semantics
* 2. Correct the odd `em` font sizing in all browsers. ====================
*/ */
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/** /**
* Remove the gray background on active links in IE 10. Add the correct text decoration in Chrome, Edge, and Safari.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/ */
abbr[title] { abbr[title] {
border-bottom: none; /* 1 */ text-decoration: underline dotted;
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
} }
/** /**
* Add the correct font weight in Chrome, Edge, and Safari. Add the correct font weight in Edge and Safari.
*/ */
b, b,
@ -101,19 +105,26 @@ strong {
} }
/** /**
* 1. Correct the inheritance and scaling of font size in all browsers. 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
* 2. Correct the odd `em` font sizing in all browsers. 2. Correct the odd 'em' font sizing in all browsers.
*/ */
code, code,
kbd, kbd,
samp { samp,
font-family: monospace, monospace; /* 1 */ pre {
font-family:
ui-monospace,
SFMono-Regular,
Consolas,
'Liberation Mono',
Menlo,
monospace; /* 1 */
font-size: 1em; /* 2 */ font-size: 1em; /* 2 */
} }
/** /**
* Add the correct font size in all browsers. Add the correct font size in all browsers.
*/ */
small { small {
@ -121,8 +132,7 @@ small {
} }
/** /**
* Prevent `sub` and `sup` elements from affecting the line height in Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
* all browsers.
*/ */
sub, sub,
@ -141,23 +151,29 @@ sup {
top: -0.5em; top: -0.5em;
} }
/* Embedded content /*
========================================================================== */ Tabular data
============
/**
* Remove the border on images inside links in IE 10.
*/ */
img { /**
border-style: none; 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
} }
/* Forms /*
========================================================================== */ Forms
=====
*/
/** /**
* 1. Change the font styles in all browsers. 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari. 2. Remove the margin in Firefox and Safari.
*/ */
button, button,
@ -172,18 +188,8 @@ textarea {
} }
/** /**
* Show the overflow in IE. Remove the inheritance of text transform in Edge and Firefox.
* 1. Show the overflow in Edge. 1. Remove the inheritance of text transform in Firefox.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/ */
button, button,
@ -192,65 +198,52 @@ select { /* 1 */
} }
/** /**
* Correct the inability to style clickable types in iOS and Safari. Correct the inability to style clickable types in iOS and Safari.
*/ */
button, button,
[type="button"], [type='button'],
[type="reset"], [type='reset'],
[type="submit"] { [type='submit'] {
-webkit-appearance: button; -webkit-appearance: button;
} }
/** /**
* Remove the inner border and padding in Firefox. Remove the inner border and padding in Firefox.
*/ */
button::-moz-focus-inner, ::-moz-focus-inner {
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none; border-style: none;
padding: 0; padding: 0;
} }
/** /**
* Restore the focus styles unset by the previous rule. Restore the focus styles unset by the previous rule.
*/ */
button:-moz-focusring, :-moz-focusring {
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; outline: 1px dotted ButtonText;
} }
/** /**
* Correct the padding in Firefox. Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/ */
fieldset { :-moz-ui-invalid {
padding: 0.35em 0.75em 0.625em; box-shadow: none;
} }
/** /**
* 1. Correct the text wrapping in Edge and IE. Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
* 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.
*/ */
legend { legend {
box-sizing: border-box; /* 1 */ padding: 0;
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
} }
/** /**
* Add the correct vertical alignment in Chrome, Firefox, and Opera. Add the correct vertical alignment in Chrome and Firefox.
*/ */
progress { progress {
@ -258,54 +251,35 @@ progress {
} }
/** /**
* Remove the default vertical scrollbar in IE 10+. Correct the cursor style of increment and decrement buttons in Safari.
*/ */
textarea { ::-webkit-inner-spin-button,
overflow: auto; ::-webkit-outer-spin-button {
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* 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. Correct the odd appearance in Chrome and Safari. 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari. 2. Correct the outline style in Safari.
*/ */
[type="search"] { [type='search'] {
-webkit-appearance: textfield; /* 1 */ -webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */ outline-offset: -2px; /* 2 */
} }
/** /**
* Remove the inner padding in Chrome and Safari on macOS. Remove the inner padding in Chrome and Safari on macOS.
*/ */
[type="search"]::-webkit-search-decoration { ::-webkit-search-decoration {
-webkit-appearance: none; -webkit-appearance: none;
} }
/** /**
* 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.
*/ */
::-webkit-file-upload-button { ::-webkit-file-upload-button {
@ -313,40 +287,15 @@ textarea {
font: inherit; /* 2 */ font: inherit; /* 2 */
} }
/* Interactive
========================================================================== */
/* /*
* Add the correct display in Edge, IE 10+, and Firefox. Interactive
===========
*/ */
details {
display: block;
}
/* /*
* Add the correct display in all browsers. Add the correct display in Chrome and Safari.
*/ */
summary { summary {
display: list-item; display: list-item;
} }
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}