fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-10 00:12:09 +00:00
Code Issues Projects Releases Wiki Activity

Replace bold with color contrast for superscripts

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
assets/css/dark.css
View file

@ -14,6 +14,11 @@
color: #e9e9e9; 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. */ /* Only color <a> if it's a link; if href is empty, let it be. */
a:link { a:link {
color: #f1e7b2; color: #f1e7b2;

7
assets/css/main.css
View file

@ -9,7 +9,7 @@
* *
* To keep myself from caring about minute details, I limited myself to * To keep myself from caring about minute details, I limited myself to
* only defining spacing in increments of .125em. Borders are either * 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". * compression. No more "finding the perfect value".
* *
* I cite WCAG 2.2 success criteria with "SC". I also tried to meet * 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. * with minimal adjustment, and makes tap-targets larger.
* Only do this on screen, since printouts already improve legibility * Only do this on screen, since printouts already improve legibility
* and cost paper + ink. */ * and cost paper + ink. */
font-size: 105%; font-size: 107.5%;
/* Aligning to the center with space on both sides prevents accidental /* Aligning to the center with space on both sides prevents accidental
* link activation on tablets, and is a common practice that users are * 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 * 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 don't want toggling the theme to impact anything besides color so
* I set the weight here. */ * I set the weight here. */
kbd, kbd, {
sup {
font-weight: bold; font-weight: bold;
} }