@@ 65,18 65,6 @@ html {
/* This should not take effect on printouts, to save paper. */
@media screen {
body {
- /* Default font sizes are one-size-fits-all; they're optimized for a
- * wide variety of complex pages. For single-column websites like
- * mine, it's ideal to bump it up ever so slightly. This also makes
- * <sup>, <sub>, <small>, etc. large enough to have decent contrast
- * with minimal adjustment, and makes tap-targets larger.
- * Only do this on screen, since printouts already improve legibility
- * and cost paper + ink.
- * 109.375% is the minimum required to get text to 17.5 CSS pixels and
- * superscripts past 14.75 px with most default stylesheets. At that
- * size, my dark color palette has sufficient contrast.*/
- font-size: 109.375%;
-
/* Aligning to the center with space on both sides prevents accidental
* link activation on tablets, and is a common practice that users are
* more used to for articles. */
@@ 220,6 208,7 @@ html {
/* A11y: If we have a list of disclosure widgets, we need some
* non-interactive space on the screen that's safe to tap. */
details,
+ fieldset,
form {
contain: inline-size layout;
margin: .5em 0;
@@ 463,7 452,6 @@ h1 {
* precedence over being touch-friendly. */
@media (max-width: 272px) {
body {
- font-size: 100%;
-webkit-hyphens: auto;
hyphens: auto;
padding: 0 8px;