PostCSS plugin to add :focus
selector to every :hover
for keyboard accessibility.
See also postcss-pseudo-class-enter for more explicit way.
*:focus {
outline: 0;
}
.button:hover {
background: red;
}
*:focus {
outline: 0;
}
.button:hover, .button:focus {
background: red;
}
postcss([ require('postcss-focus') ])
See PostCSS docs for examples for your environment.