1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-09-19 20:02:10 +00:00

Replace bold with color contrast for superscripts

This commit is contained in:
Rohan Kumar 2022-05-06 22:28:06 -07:00
parent 80317aa256
commit 6d502d7c1f
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
2 changed files with 8 additions and 4 deletions

View file

@ -14,6 +14,11 @@
color: #e9e9e9;
}
/* Small text needs higher contrast */
sup {
background-color: #0b0b0b;
}
/* Only color <a> if it's a link; if href is empty, let it be. */
a:link {
color: #f1e7b2;

View file

@ -9,7 +9,7 @@
*
* To keep myself from caring about minute details, I limited myself to
* only defining spacing in increments of .125em. Borders are either
* 1px or 3px; percentages are in increments of 5%. This also improves
* 1px or 3px; percentages are in increments of 2.5%. This also improves
* compression. No more "finding the perfect value".
*
* I cite WCAG 2.2 success criteria with "SC". I also tried to meet
@ -36,7 +36,7 @@ html {
* with minimal adjustment, and makes tap-targets larger.
* Only do this on screen, since printouts already improve legibility
* and cost paper + ink. */
font-size: 105%;
font-size: 107.5%;
/* Aligning to the center with space on both sides prevents accidental
* link activation on tablets, and is a common practice that users are
@ -174,8 +174,7 @@ h1 {
* try to maintain good perceptual contrast even for small text, but
* I don't want toggling the theme to impact anything besides color so
* I set the weight here. */
kbd,
sup {
kbd, {
font-weight: bold;
}