mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-27 14:12:09 +00:00
Replace bold with color contrast for superscripts
This commit is contained in:
parent
80317aa256
commit
6d502d7c1f
2 changed files with 8 additions and 4 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue