Add Mozilla OSX CSS

This commit is contained in:
Ella Dunbar 2025-10-27 18:12:56 -05:00
parent 56c6702d51
commit 46bd0000ee
2 changed files with 2 additions and 1 deletions

View file

@ -18,6 +18,7 @@
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img,

View file

@ -1 +1 @@
/* https://www.joshwcomeau.com/css/custom-css-reset/ */ *, *::before, *::after { box-sizing: border-box; } /* * { */ /* margin: 0; */ /* } */ @media (prefers-reduced-motion: no-preference) { html { interpolate-size: allow-keywords; } } body { line-height: 1.5; -webkit-font-smoothing: antialiased; } img, picture, video, canvas, svg { display: block; max-width: 100%; } input, button, textarea, select { font: inherit; } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; hyphens: auto; } p { text-wrap: pretty; } h1, h2, h3, h4, h5, h6 { text-wrap: balance; } /* our stuff */ :root { /* auto light/dark based on user choice */ color-scheme: light dark; --text: light-dark(#000000, #FFFFFF); --bg: light-dark(#FFFFFF, #000000); } /* https://smolweb.org/subset.html */ /* structural */ html { /* respect user font choices */ font-size: 100%; } /* semantic */ header strong { font-size: 1.6rem; } footer { font-size: 0.9rem; } /* textual */ h1 { font-size: 2rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.2rem; } /* hypertextual */ /* listing */ /* forms */ /* basic table */ /* image */ /* presentation */ /* metainformation and linking */
/* https://www.joshwcomeau.com/css/custom-css-reset/ */ *, *::before, *::after { box-sizing: border-box; } /* * { */ /* margin: 0; */ /* } */ @media (prefers-reduced-motion: no-preference) { html { interpolate-size: allow-keywords; } } body { line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img, picture, video, canvas, svg { display: block; max-width: 100%; } input, button, textarea, select { font: inherit; } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; hyphens: auto; } p { text-wrap: pretty; } h1, h2, h3, h4, h5, h6 { text-wrap: balance; } /* our stuff */ :root { /* auto light/dark based on user choice */ color-scheme: light dark; --text: light-dark(#000000, #FFFFFF); --bg: light-dark(#FFFFFF, #000000); } /* https://smolweb.org/subset.html */ /* structural */ html { /* respect user font choices */ font-size: 100%; } /* semantic */ header strong { font-size: 1.6rem; } footer { font-size: 0.9rem; } /* textual */ h1 { font-size: 2rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.2rem; } /* hypertextual */ /* listing */ /* forms */ /* basic table */ /* image */ /* presentation */ /* metainformation and linking */