From: ysds <ysds.code@gmail.com>
Date: Tue, 17 Jul 2018 03:21:43 +0000 (+0300)
Subject: Prevent hover/click on disabled .close links.
X-Git-Tag: v4.2.0~169
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=eb5d0b49dc7439fa1cc3d0c41406eef00de149c1;p=thirdparty%2Fbootstrap.git

Prevent hover/click on disabled .close links.
---

diff --git a/scss/_close.scss b/scss/_close.scss
index 33ec823456..821922f4c4 100644
--- a/scss/_close.scss
+++ b/scss/_close.scss
@@ -7,11 +7,14 @@
   text-shadow: $close-text-shadow;
   opacity: .5;
 
-  &:not(:disabled):not(.disabled) {
+  // Override <a>'s hover style
+  @include hover {
+    color: $close-color;
+    text-decoration: none;
+  }
 
+  &:not(:disabled):not(.disabled) {
     @include hover-focus {
-      color: $close-color;
-      text-decoration: none;
       opacity: .75;
     }
 
@@ -32,3 +35,10 @@ button.close {
   border: 0;
   appearance: none;
 }
+
+// Future-proof disabling of clicks on `<a>` elements
+
+// stylelint-disable-next-line selector-no-qualifying-type
+a.close.disabled {
+  pointer-events: none;
+}