Neutralize link styles for placeholder links/named anchors

1 files changed, 19 insertions, 0 deletions

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 0b2990130..d01d31f68 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -171,6 +171,25 @@ a {
   }
 }
 
+// and undo these styles for placeholder links/named anchors (without href)
+// would be more straightforward to just use a[href] in previous block, but this
+// causes specificity issues in many other styles that are too complex to fix
+// see https://github.com/twbs/bootstrap/issues/19402
+
+a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+
+  @include hover-focus {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  &:focus {
+    outline: none;
+  }
+}
+
 
 //
 // Code