_close.scss 873 B

1234567891011121314151617181920212223242526272829303132333435
  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: .5;
  9. &:not(:disabled):not(.disabled) {
  10. @include hover-focus {
  11. color: $close-color;
  12. text-decoration: none;
  13. opacity: .75;
  14. }
  15. // Opinionated: add "hand" cursor to non-disabled .close elements
  16. cursor: pointer;
  17. }
  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. // stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
  24. button.close {
  25. padding: 0;
  26. background-color: transparent;
  27. border: 0;
  28. -webkit-appearance: none;
  29. }
  30. // stylelint-enable