| 1234567891011121314151617181920212223242526272829303132333435363738 |
- .close {
- float: right;
- #font-size(@close-font-size);
- font-weight: @close-font-weight;
- line-height: 1;
- color: @close-color;
- text-shadow: @close-text-shadow;
- opacity: 0.5;
- // Override <a>'s hover style
- #hover({
- color: @close-color;
- text-decoration: none;
- });
- &:not(:disabled):not(.disabled) {
- #hover-focus({
- opacity: 0.75;
- });
- }
- }
- // Additional properties for button version
- // iOS requires the button element instead of an anchor tag.
- // If you want the anchor version, it requires `href="#"`.
- // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
- button.close {
- padding: 0;
- background-color: transparent;
- border: 0;
- }
- // Future-proof disabling of clicks on `<a>` elements
- a.close.disabled {
- pointer-events: none;
- }
|