1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-27 03:57:21 +00:00

Update reset.tid to use modern-normalize 2.0.0 (#8120)

This PR updates the vanilla/reset stylesheet to use the newer `modern-normalize 2.0.0`
This commit is contained in:
Simon Huber 2024-04-02 18:35:10 +02:00 committed by GitHub
parent 9939759690
commit 7ce85a2ddb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1,7 +1,7 @@
title: $:/themes/tiddlywiki/vanilla/reset title: $:/themes/tiddlywiki/vanilla/reset
type: text/css type: text/css
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ /*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/* /*
Document Document
@ -13,28 +13,26 @@ Use a better box model (opinionated).
*/ */
*, *,
*::before, ::before,
*::after { ::after {
box-sizing: border-box; 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 {
line-height: 1.15; /* 1 */ /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
-webkit-text-size-adjust: 100%; /* 2 */ font-family:
system-ui,
'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji';
line-height: 1.15; /* 1. Correct the line height in all browsers. */
-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
-moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
tab-size: 4; /* 3 */
} }
/* /*
@ -42,29 +40,8 @@ Sections
======== ========
*/ */
/**
Remove the margin in all browsers.
*/
body { body {
margin: 0; margin: 0; /* Remove the margin in all browsers. */
}
/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
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';
} }
/* /*
@ -78,8 +55,8 @@ Grouping content
*/ */
hr { hr {
height: 0; /* 1 */ height: 0; /* 1 */
color: inherit; /* 2 */ color: inherit; /* 2 */
} }
/* /*
@ -92,7 +69,7 @@ Add the correct text decoration in Chrome, Edge, and Safari.
*/ */
abbr[title] { abbr[title] {
text-decoration: underline dotted; text-decoration: underline dotted;
} }
/** /**
@ -101,7 +78,7 @@ Add the correct font weight in Edge and Safari.
b, b,
strong { strong {
font-weight: bolder; font-weight: bolder;
} }
/** /**
@ -113,14 +90,14 @@ code,
kbd, kbd,
samp, samp,
pre { pre {
font-family: font-family:
ui-monospace, ui-monospace,
SFMono-Regular, SFMono-Regular,
Consolas, Consolas,
'Liberation Mono', 'Liberation Mono',
Menlo, Menlo,
monospace; /* 1 */ monospace; /* 1 */
font-size: 1em; /* 2 */ font-size: 1em; /* 2 */
} }
/** /**
@ -128,7 +105,7 @@ Add the correct font size in all browsers.
*/ */
small { small {
font-size: 80%; font-size: 80%;
} }
/** /**
@ -137,18 +114,18 @@ Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
sub, sub,
sup { sup {
font-size: 75%; font-size: 75%;
line-height: 0; line-height: 0;
position: relative; position: relative;
vertical-align: baseline; vertical-align: baseline;
} }
sub { sub {
bottom: -0.25em; bottom: -0.25em;
} }
sup { sup {
top: -0.5em; top: -0.5em;
} }
/* /*
@ -158,12 +135,12 @@ Tabular data
/** /**
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) 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) 2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/ */
table { table {
text-indent: 0; /* 1 */ text-indent: 0; /* 1 */
border-color: inherit; /* 2 */ border-color: inherit; /* 2 */
} }
/* /*
@ -181,20 +158,19 @@ input,
optgroup, optgroup,
select, select,
textarea { textarea {
font-family: inherit; /* 1 */ font-family: inherit; /* 1 */
font-size: 100%; /* 1 */ font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */ line-height: 1.15; /* 1 */
margin: 0; /* 2 */ margin: 0; /* 2 */
} }
/** /**
Remove the inheritance of text transform in Edge and Firefox. Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/ */
button, button,
select { /* 1 */ select {
text-transform: none; text-transform: none;
} }
/** /**
@ -205,7 +181,7 @@ button,
[type='button'], [type='button'],
[type='reset'], [type='reset'],
[type='submit'] { [type='submit'] {
-webkit-appearance: button; -webkit-appearance: button;
} }
/** /**
@ -213,8 +189,8 @@ Remove the inner border and padding in Firefox.
*/ */
::-moz-focus-inner { ::-moz-focus-inner {
border-style: none; border-style: none;
padding: 0; padding: 0;
} }
/** /**
@ -222,7 +198,7 @@ Restore the focus styles unset by the previous rule.
*/ */
:-moz-focusring { :-moz-focusring {
outline: 1px dotted ButtonText; outline: 1px dotted ButtonText;
} }
/** /**
@ -231,7 +207,7 @@ See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d4
*/ */
:-moz-ui-invalid { :-moz-ui-invalid {
box-shadow: none; box-shadow: none;
} }
/** /**
@ -239,7 +215,7 @@ Remove the padding so developers are not caught out when they zero out 'fieldset
*/ */
legend { legend {
padding: 0; padding: 0;
} }
/** /**
@ -247,7 +223,7 @@ Add the correct vertical alignment in Chrome and Firefox.
*/ */
progress { progress {
vertical-align: baseline; vertical-align: baseline;
} }
/** /**
@ -256,7 +232,7 @@ Correct the cursor style of increment and decrement buttons in Safari.
::-webkit-inner-spin-button, ::-webkit-inner-spin-button,
::-webkit-outer-spin-button { ::-webkit-outer-spin-button {
height: auto; height: auto;
} }
/** /**
@ -265,8 +241,8 @@ Correct the cursor style of increment and decrement buttons in Safari.
*/ */
[type='search'] { [type='search'] {
-webkit-appearance: textfield; /* 1 */ -webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */ outline-offset: -2px; /* 2 */
} }
/** /**
@ -274,7 +250,7 @@ Remove the inner padding in Chrome and Safari on macOS.
*/ */
::-webkit-search-decoration { ::-webkit-search-decoration {
-webkit-appearance: none; -webkit-appearance: none;
} }
/** /**
@ -283,8 +259,8 @@ Remove the inner padding in Chrome and Safari on macOS.
*/ */
::-webkit-file-upload-button { ::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */ -webkit-appearance: button; /* 1 */
font: inherit; /* 2 */ font: inherit; /* 2 */
} }
/* /*
@ -297,5 +273,5 @@ Add the correct display in Chrome and Safari.
*/ */
summary { summary {
display: list-item; display: list-item;
} }