1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-23 05:33:02 +02:00

Limit abbr[title] style to browsers that support hover

This commit is contained in:
Julien Déramond
2022-10-18 22:02:57 +02:00
parent 39bbca5ddd
commit 8a418cc9aa
2 changed files with 17 additions and 9 deletions

View File

@@ -26,7 +26,7 @@
}, },
{ {
"path": "./dist/css/bootstrap.css", "path": "./dist/css/bootstrap.css",
"maxSize": "29.5 kB" "maxSize": "29.75 kB"
}, },
{ {
"path": "./dist/css/bootstrap.min.css", "path": "./dist/css/bootstrap.min.css",

View File

@@ -133,15 +133,23 @@ p {
// Abbreviations // 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] { @media (hover: none) {
text-decoration: underline dotted; // 1 abbr[title] {
cursor: help; // 2 text-decoration: none;
text-decoration-skip-ink: none; // 3 }
}
@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
}
} }