12345678910111213141516171819202122232425262728293031323334353637383940 |
- .btn-close {
- box-sizing: content-box;
- width: $btn-close-width;
- height: $btn-close-height;
- padding: $btn-close-padding-y $btn-close-padding-x;
- color: $btn-close-color;
- background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat;
- border: 0;
- @include border-radius();
- opacity: $btn-close-opacity;
-
- &:hover {
- color: $btn-close-color;
- text-decoration: none;
- opacity: $btn-close-hover-opacity;
- }
- &:focus {
- outline: 0;
- box-shadow: $btn-close-focus-shadow;
- opacity: $btn-close-focus-opacity;
- }
- &:disabled,
- &.disabled {
- pointer-events: none;
- user-select: none;
- opacity: $btn-close-disabled-opacity;
- }
- }
- .btn-close-white {
- filter: $btn-close-white-filter;
- }
|