close.less 683 B

123456789101112131415161718192021222324252627282930313233
  1. //
  2. // Close icons
  3. // --------------------------------------------------
  4. .close {
  5. float: right;
  6. font-size: (@font-size-base * 1.5);
  7. font-weight: @close-font-weight;
  8. line-height: 1;
  9. color: @close-color;
  10. text-shadow: @close-text-shadow;
  11. .opacity(.2);
  12. &:hover,
  13. &:focus {
  14. color: @close-color;
  15. text-decoration: none;
  16. cursor: pointer;
  17. .opacity(.5);
  18. }
  19. // Additional properties for button version
  20. // iOS requires the button element instead of an anchor tag.
  21. // If you want the anchor version, it requires `href="#"`.
  22. button& {
  23. padding: 0;
  24. cursor: pointer;
  25. background: transparent;
  26. border: 0;
  27. -webkit-appearance: none;
  28. }
  29. }