close.less 834 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. // stylelint-disable property-no-vendor-prefix
  2. //
  3. // Close icons
  4. // --------------------------------------------------
  5. .close {
  6. float: right;
  7. font-size: (@font-size-base * 1.5);
  8. font-weight: @close-font-weight;
  9. line-height: 1;
  10. color: @close-color;
  11. text-shadow: @close-text-shadow;
  12. .opacity(.2);
  13. &:hover,
  14. &:focus {
  15. color: @close-color;
  16. text-decoration: none;
  17. cursor: pointer;
  18. .opacity(.5);
  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& {
  25. padding: 0;
  26. cursor: pointer;
  27. background: transparent;
  28. border: 0;
  29. -webkit-appearance: none;
  30. appearance: none;
  31. }
  32. }