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

Build package

Browse source
This commit is contained in:
marleyrae 2023-06-19 18:03:35 -07:00
parent b4a0c5831d
commit 1e1c0a579b
2 changed files with 53 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

117
dist/reset.css vendored
View file

@ -1,73 +1,60 @@
/* Box sizing rules */ @layer reset {
*, /* Box sizing rules */
*::before, *,
*::after { *::before,
box-sizing: border-box; *::after {
} box-sizing: border-box;
}
/* Remove default margin */ /* Remove default margin */
body, body,
h1, h1,
h2, h2,
h3, h3,
h4, h4,
p, p,
figure, figure,
blockquote, blockquote,
dl, dl,
dd { dd {
margin: 0; margin: 0;
} }
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"], ul[role="list"],
ol[role="list"] { ol[role="list"] {
list-style: none; list-style: none;
} }
/* Set core root defaults */ /* Set core root defaults */
html:focus-within { html:focus-within {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
/* 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;
} }
/* A elements that don't have a class get default styles */ /* A elements that don't have a class get default styles */
a:not([class]) { a:not([class]) {
text-decoration-skip-ink: auto; text-decoration-skip-ink: auto;
} }
/* 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;
} }
/* Inherit fonts for inputs and buttons */ /* Inherit fonts for inputs and buttons */
input, input,
button, button,
textarea, 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;
}
} }

2
dist/reset.min.css vendored
View file

@ -1 +1 @@
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}} @layer reset{*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-block-size:100vb;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}}