Changeset 720 for trunk/css

Timestamp:

Mar 9, 2020 3:14:25 AM (4 years ago)

Author:

anonymous

Message:

Update CSS reset with inspiration from ​https://github.com/hankchizljaw/modern-css-reset

File:

• trunk/css/reset.inc.css (modified) (2 diffs)

trunk/css/reset.inc.css

@@ -1 @@
-/* http://meyerweb.com/eric/tools/css/reset/
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    font-size: 100%;
-    font: inherit;
-    vertical-align: baseline;
+/* https://github.com/hankchizljaw/modern-css-reset */
+*,*::before,*::after {
+    box-sizing: border-box
 }
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-    display: block;
+ul[class],ol[class] {
+    padding: 0
+}
+body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd {
+    margin: 0
 }
 body {
-    line-height: 1;
+    /* min-height: 100vh; */
+    scroll-behavior: smooth;
+    text-rendering: optimizeSpeed;
+    line-height: 1.4
 }
-ol, ul {
-    list-style: none;
+ul[class],ol[class] {
+    list-style: none
 }
-blockquote, q {
-    quotes: none;
+a:not([class]) {
+    text-decoration-skip-ink: auto
 }
-blockquote:before, blockquote:after,
-q:before, q:after {
-    content: '';
-    content: none;
+img:not([class]) {
+    max-width: 100%;
+    display: block
+}
+article>*+* {
+    margin-top: 1em
 }
 table {
@@ -47 +32 @@
     border-spacing: 0;
 }
+input,button,textarea,select {
+    font: inherit
+}
+@media(prefers-reduced-motion:reduce) {
+* {
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: .01ms !important;
+    scroll-behavior: auto !important
+}
+}