Fix #20908 (#21244)

Remove the border-bottom from abbr elements since that's covered with an underline in Normalize.css. Updates the docs to match and tweaks some code comments, too.

diff --git a/docs/content/typography.md b/docs/content/typography.md
index 35d47886a8b25453ccdfa90ed00173490a5ae3e0..0737347681351559fe87278565bc20e091235c5e 100644 (file)
--- a/docs/content/typography.md
+++ b/docs/content/typography.md
@@ -154,7 +154,7 @@ Change text alignment, transform, style, weight, and color with our [text utilit
 
 ## Abbreviations
 
-Stylized implementation of HTML's `<abbr>` element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a `title` attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover and to users of assistive technologies.
+Stylized implementation of HTML's `<abbr>` element for abbreviations and acronyms to show the expanded version on hover. Abbreviations have a default underline from Normalize.css and gain a help cursor to provide additional context on hover and to users of assistive technologies.
 
 Add `.initialism` to an abbreviation for a slightly smaller font-size.
 

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 65f20b4d6fb9802d1f88a94cdd1113cef1bc3e82..1ca9c54f44603423421e17322ee8aecbe9684fe2 100644 (file)
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -112,12 +112,11 @@ p {
   margin-bottom: 1rem;
 }
 
-// Abbreviations and acronyms
+// Abbreviations
 abbr[title],
 // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
 abbr[data-original-title] {
   cursor: help;
-  border-bottom: 1px dotted $abbr-border-color;
 }
 
 address {