/*
---
name: hover()
category:
  - core/mixin
---
Hover event helper

### scss
```scss
@use "node_modules/sass-basis/src/css/core";

img {
  @include core.hover() {
    opacity: .8;
  }
}
```
*/

@mixin hover() {
  @media (any-hover: hover) {
    &:hover {
      @content;
    }
  }

  &:focus-visible {
    @content;
  }
}