12345678910111213141516171819202122232425262728293031323334
  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. // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
  23. button& {
  24. padding: 0;
  25. cursor: pointer;
  26. background: transparent;
  27. border: 0;
  28. -webkit-appearance: none;
  29. }
  30. }