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.

_hover.scss 918B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. @mixin hover {
  2. @if $enable-hover-media-query {
  3. // See Media Queries Level 4: http://drafts.csswg.org/mediaqueries/#hover
  4. // Currently shimmed by https://github.com/twbs/mq4-hover-shim
  5. @media (hover: hover) {
  6. &:hover { @content }
  7. }
  8. }
  9. @else {
  10. &:hover { @content }
  11. }
  12. }
  13. @mixin hover-focus {
  14. @if $enable-hover-media-query {
  15. &:focus { @content }
  16. @include hover { @content }
  17. }
  18. @else {
  19. &:focus,
  20. &:hover {
  21. @content
  22. }
  23. }
  24. }
  25. @mixin plain-hover-focus {
  26. @if $enable-hover-media-query {
  27. &,
  28. &:focus {
  29. @content
  30. }
  31. @include hover { @content }
  32. }
  33. @else {
  34. &,
  35. &:focus,
  36. &:hover {
  37. @content
  38. }
  39. }
  40. }
  41. @mixin hover-focus-active {
  42. @if $enable-hover-media-query {
  43. &:focus,
  44. &:active {
  45. @content
  46. }
  47. @include hover { @content }
  48. }
  49. @else {
  50. &:focus,
  51. &:active,
  52. &:hover {
  53. @content
  54. }
  55. }
  56. }