punkfairie/modern-css-reset
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update reset.css to my version

Browse source
This commit is contained in:
marleyrae 2023-06-19 18:03:01 -07:00
parent e7500a6c7f
commit b4a0c5831d
1 changed files with 52 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/reset.css
View file

@ -1,3 +1,4 @@
@layer reset {
/* Box sizing rules */ /* Box sizing rules */
*, *,
*::before, *::before,
@ -32,7 +33,7 @@ html:focus-within {
/* Set core body defaults */ /* Set core body defaults */
body { body {
min-height: 100vh; min-block-size: 100vb;
text-rendering: optimizeSpeed; text-rendering: optimizeSpeed;
line-height: 1.5; line-height: 1.5;
} }
@ -45,7 +46,7 @@ a:not([class]) {
/* Make images easier to work with */ /* Make images easier to work with */
img, img,
picture { picture {
max-width: 100%; max-inline-size: 100%;
display: block; display: block;
} }
@ -56,18 +57,4 @@ textarea,
select { select {
font: inherit; font: inherit;
} }
/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
} }