mirror of
https://github.com/robsheldon/sscaffold-css.git
synced 2025-08-10 16:13:59 +02:00
Incorporate some suggestions from https://hankchizljaw.com/wrote/a-modern-css-reset/
This commit is contained in:
@@ -25,7 +25,31 @@ html {
|
|||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
/* Remove the margin in all browsers. [1] */
|
/* The following three lines are from [4] */
|
||||||
|
min-height: 100vh;
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
text-rendering: optimizeSpeed;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
p,
|
||||||
|
ul[class],
|
||||||
|
ol[class],
|
||||||
|
dl,
|
||||||
|
li,
|
||||||
|
figure,
|
||||||
|
figcaption,
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
optgroup,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
/* Remove the default margin for these elements in all browsers. [1],[4] */
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -98,9 +122,21 @@ p > samp {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
ul[class],
|
||||||
|
ol[class],
|
||||||
|
dl[class] {
|
||||||
|
/* Remove default padding from list elements that have a class attribute. [4] */
|
||||||
|
padding: 0;
|
||||||
|
/* Reset list style for lists with class attributes. [4] */
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
/* Remove the border on images inside links in IE 10. [1] */
|
/* Remove the border on images inside links in IE 10. [1] */
|
||||||
border-style: none;
|
border-style: none;
|
||||||
|
/* Go ahead and make these block-level elements. I'm not sure about this. [4] */
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -110,6 +146,12 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
a:not([class]) {
|
||||||
|
/* Makes links a bit more readable while avoiding conflicts. [4] */
|
||||||
|
text-decoration-skip-ink: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
abbr[title] {
|
abbr[title] {
|
||||||
/* Remove the bottom border in Chrome 57-. [1] */
|
/* Remove the bottom border in Chrome 57-. [1] */
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
@@ -161,9 +203,8 @@ optgroup,
|
|||||||
select,
|
select,
|
||||||
textarea {
|
textarea {
|
||||||
/* Set the font styles to match the rest of the document in
|
/* Set the font styles to match the rest of the document in
|
||||||
all browsers. [1] */
|
all browsers. [1],[4] */
|
||||||
font-family: inherit;
|
font: inherit;
|
||||||
font-size: 100%;
|
|
||||||
line-height: 1.15;
|
line-height: 1.15;
|
||||||
/* Remove the margin in Firefox and Safari. [1] */
|
/* Remove the margin in Firefox and Safari. [1] */
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -299,6 +340,17 @@ textarea {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
* {
|
||||||
|
/* Prevent animations and transitions for users that want that. [4] */
|
||||||
|
animation-duration: 0.01ms !important;
|
||||||
|
animation-iteration-count: 1 !important;
|
||||||
|
transition-duration: 0.01ms !important;
|
||||||
|
scroll-behavior: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/******************************************************************************
|
/******************************************************************************
|
||||||
*
|
*
|
||||||
@@ -596,7 +648,6 @@ code {
|
|||||||
pre {
|
pre {
|
||||||
background: #f4f5f6;
|
background: #f4f5f6;
|
||||||
border-left: 0.3rem solid #9b4dca;
|
border-left: 0.3rem solid #9b4dca;
|
||||||
overflow-y: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -709,11 +760,6 @@ th:last-child {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
@@ -1004,5 +1050,6 @@ legend.inline {
|
|||||||
* [1] normalize.css, https://github.com/necolas/normalize.css/
|
* [1] normalize.css, https://github.com/necolas/normalize.css/
|
||||||
* [2] milligram.css, https://github.com/milligram/milligram/
|
* [2] milligram.css, https://github.com/milligram/milligram/
|
||||||
* [3] https://css-tricks.com/box-sizing/
|
* [3] https://css-tricks.com/box-sizing/
|
||||||
|
* [4] https://hankchizljaw.com/wrote/a-modern-css-reset/
|
||||||
*
|
*
|
||||||
******************************************************************************/
|
******************************************************************************/
|
||||||
|
Reference in New Issue
Block a user