_close.less 773 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. .close {
  2. float: right;
  3. #font-size(@close-font-size);
  4. font-weight: @close-font-weight;
  5. line-height: 1;
  6. color: @close-color;
  7. text-shadow: @close-text-shadow;
  8. opacity: 0.5;
  9. // Override <a>'s hover style
  10. #hover({
  11. color: @close-color;
  12. text-decoration: none;
  13. });
  14. &:not(:disabled):not(.disabled) {
  15. #hover-focus({
  16. opacity: 0.75;
  17. });
  18. }
  19. }
  20. // Additional properties for button version
  21. // iOS requires the button element instead of an anchor tag.
  22. // If you want the anchor version, it requires `href="#"`.
  23. // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
  24. button.close {
  25. padding: 0;
  26. background-color: transparent;
  27. border: 0;
  28. }
  29. // Future-proof disabling of clicks on `<a>` elements
  30. a.close.disabled {
  31. pointer-events: none;
  32. }