From eb5d0b49dc7439fa1cc3d0c41406eef00de149c1 Mon Sep 17 00:00:00 2001
From: ysds <ysds.code@gmail.com>
Date: Tue, 17 Jul 2018 06:21:43 +0300
Subject: [PATCH] Prevent hover/click on disabled .close links.

---
 scss/_close.scss | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

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;
+}