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:
@@ -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",
|
||||||
|
@@ -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
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user