root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 12 Packages Projects Releases Wiki Activity

Prevent hover/click on disabled .close links.

This commit is contained in:
ysds 2018-07-17 06:21:43 +03:00 committed by Martijn Cuppens
parent 273861f145
commit eb5d0b49dc
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
scss/_close.scss
View File

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