Explicitly set <abbr> styling

For Safari (no default style) and mobile (can't hover) users

diff --git a/index.html b/index.html
index 8f6cc8090de1e4032994148b54fc99d1f9be142c..801594c16b00775e5ebd88f44d7a9b3c73e25536 100644 (file)
--- a/index.html
+++ b/index.html
@@ -171,6 +171,20 @@
     a:focus {
       text-decoration: underline;
     }
+
+    abbr {
+      text-decoration: none;
+    }
+
+    @media (hover: hover) {
+      abbr {
+        text-decoration: underline dotted;
+      }
+
+      abbr:hover {
+        cursor: help;
+      }
+    }
   </style>
 </head>