Layout von Websiten mit Bootstrap und Foundation
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_close.scss 940B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .close {
  2. float: right;
  3. @include 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. // Override <a>'s hover style
  10. @include hover() {
  11. color: $close-color;
  12. text-decoration: none;
  13. }
  14. &:not(:disabled):not(.disabled) {
  15. @include hover-focus() {
  16. opacity: .75;
  17. }
  18. }
  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. // stylelint-disable-next-line selector-no-qualifying-type
  25. button.close {
  26. padding: 0;
  27. background-color: transparent;
  28. border: 0;
  29. }
  30. // Future-proof disabling of clicks on `<a>` elements
  31. // stylelint-disable-next-line selector-no-qualifying-type
  32. a.close.disabled {
  33. pointer-events: none;
  34. }