Limit .close hover/focus to non-disabled controls (#26654)

diff --git a/scss/_close.scss b/scss/_close.scss
index 871cb08fd8e5feeba57130a9a0daed899c08efe4..a0dd1e2af171d2d28b87ec4f648cf6e5bd3fb084 100644 (file)
--- a/scss/_close.scss
+++ b/scss/_close.scss
@@ -7,14 +7,15 @@
   text-shadow: $close-text-shadow;
   opacity: .5;
 
-  @include hover-focus {
-    color: $close-color;
-    text-decoration: none;
-    opacity: .75;
-  }
-
-  // Opinionated: add "hand" cursor to non-disabled .close elements
   &:not(:disabled):not(.disabled) {
+
+    @include hover-focus {
+      color: $close-color;
+      text-decoration: none;
+      opacity: .75;
+    }
+
+    // Opinionated: add "hand" cursor to non-disabled .close elements
     cursor: pointer;
   }
 }