Add font inherit styles

This commit is contained in:
Andy Bell 2019-10-01 14:19:02 +01:00
parent bd43941b08
commit c7a84ce190
3 changed files with 17 additions and 1 deletions

8
dist/reset.css vendored
View file

@ -58,6 +58,14 @@ article > * + * {
margin-top: 1em; margin-top: 1em;
} }
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font: inherit;
}
/* Remove _all_ animations and transitions for people that prefer not to see them */ /* Remove _all_ animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
* { * {

2
dist/reset.min.css vendored
View file

@ -1 +1 @@
*,*::before,*::after{box-sizing:border-box}ul,ol{padding:0}body,h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}@media(prefers-reduced-motion:reduce){*{animation-play-state:paused !important;transition:none !important;scroll-behavior:auto !important}} *,*::before,*::after{box-sizing:border-box}ul,ol{padding:0}body,h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){*{animation-play-state:paused !important;transition:none !important;scroll-behavior:auto !important}}

View file

@ -58,6 +58,14 @@ article > * + * {
margin-top: 1em; margin-top: 1em;
} }
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font: inherit;
}
/* Remove _all_ animations and transitions for people that prefer not to see them */ /* Remove _all_ animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
* { * {