From: Julien Déramond <juderamond@gmail.com>
Date: Tue, 18 Oct 2022 20:02:57 +0000 (+0200)
Subject: Limit `abbr[title]` style to browsers that support hover
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=8a418cc9aa016e9bc33d187321bb64752b062af7;p=thirdparty%2Fbootstrap.git

Limit `abbr[title]` style to browsers that support hover
---

diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json
index 8c390c6e0e..a14a0a15a7 100644
--- a/.bundlewatch.config.json
+++ b/.bundlewatch.config.json
@@ -26,7 +26,7 @@
     },
     {
       "path": "./dist/css/bootstrap.css",
-      "maxSize": "29.5 kB"
+      "maxSize": "29.75 kB"
     },
     {
       "path": "./dist/css/bootstrap.min.css",
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 8ac790399f..6a3bc62dd0 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -133,15 +133,23 @@ p {
 
 
 // Abbreviations
-//
-// 1. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
-// 2. Add explicit cursor to indicate changed behavior.
-// 3. Prevent the text-decoration to be skipped.
-
-abbr[title] {
-  text-decoration: underline dotted; // 1
-  cursor: help; // 2
-  text-decoration-skip-ink: none; // 3
+
+@media (hover: none) {
+  abbr[title] {
+    text-decoration: none;
+  }
+}
+
+@media (hover: hover) {
+  // 1. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
+  // 2. Add explicit cursor to indicate changed behavior.
+  // 3. Prevent the text-decoration to be skipped.
+
+  abbr[title] {
+    text-decoration: underline dotted; // 1
+    cursor: help; // 2
+    text-decoration-skip-ink: none; // 3
+  }
 }