style the nature-affected pokémon stats

2022-04-28 21:58:18 +02:00 · 2022-04-28 21:58:18 +02:00 · 6a1995d656
parent 32f308d7f6
commit 6a1995d656
1 changed files with 16 additions and 0 deletions
--- a/style/shiny/pkmn.css
+++ b/style/shiny/pkmn.css
@ -49,6 +49,22 @@
 }


+.pkmn-nature-down {
+  color: hsl(200deg, 80%, 80%);
+}
+
+.pkmn-nature-up {
+  color: hsl(340deg, 100%, 87%);
+}
+
+th:is(.pkmn-nature-down,.pkmn-nature-up)::after {
+  vertical-align: super;
+  font-weight: 500;
+}
+
+th.pkmn-nature-down::after { content: '−'; }
+th.pkmn-nature-up::after   { content: '+'; }
+

 .bug {
  --type-col: #83c300;