1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05: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
No known key found for this signature in database
GPG key ID: DCD226672FC08F31
2 changed files with 17 additions and 9 deletions

View file

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

View file

@ -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
}
}