_close.scss 815 B

123456789101112131415161718192021222324252627282930313233343536
  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. @include opacity(.2);
  12. &:hover,
  13. &:focus {
  14. color: $close-color;
  15. text-decoration: none;
  16. cursor: pointer;
  17. @include opacity(.5);
  18. }
  19. // [converter] extracted button& to button.close
  20. }
  21. // Additional properties for button version
  22. // iOS requires the button element instead of an anchor tag.
  23. // If you want the anchor version, it requires `href="#"`.
  24. // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
  25. button.close {
  26. padding: 0;
  27. cursor: pointer;
  28. background: transparent;
  29. border: 0;
  30. -webkit-appearance: none;
  31. }