Add opacity variables, set opacity on disabled state

This commit is contained in:
Mark Otto 2020-09-13 19:12:16 -07:00 committed by Mark Otto
parent 1e69503a73
commit 95f81f8331
2 changed files with 8 additions and 3 deletions

View file

@ -13,24 +13,25 @@
background-clip: content-box;
border: 0; // for button elements
@include border-radius();
opacity: .5;
opacity: $btn-close-opacity;
// Override <a>'s hover style
&:hover {
color: $btn-close-color;
text-decoration: none;
opacity: .75;
opacity: $btn-close-hover-opacity;
}
&:focus {
outline: none;
box-shadow: $btn-close-focus-shadow;
opacity: 1;
opacity: $btn-close-focus-opacity;
}
&:disabled,
&.disabled {
pointer-events: none;
user-select: none;
opacity: $btn-close-disabled-opacity;
}
}