PostCSS Hover

PostCSS plugin that adds an alternative hover for accessibility and mobile usability.
It removes hover on touch devices and simultaniously adds :focus-visible for accessibility.

Example

.button {
  /* ...your css */

  &:active {
    transform: scale(0.95);
  }

  @hover {
    color: var(--button-background);
    border-color: var(--button-background);

    &::after {
      transform: scaleX(1);
    }
  }
}