:active and .active variants

[minimit]

I've added a variant to my tailwind plugin that I think would be useful by default, also for AlpineJS, which is the variant :active, .active

addVariant('active', ({ modifySelectors, separator }) => {
  modifySelectors(({ className }) => {
    return `.${e(`active${separator}${className}`)}:active,.${e(`active${separator}${className}`)}.active`
  })
})

:active is the pseudo element when user presses down
.active is a generic class for javascript activation

There's a convention to use .active for activation that should be the same as :active, and I think it fits perfectly to have them both with the same styles. This variant should be added on the properties with currently have :hover variant.

[minimit]

Also group-active

addVariant('group-active', ({ modifySelectors, separator }) => {
  modifySelectors(({ className }) => {
    return `.group:active .${e(`group-active${separator}${className}`)},.group.active .${e(`group-active${separator}${className}`)}`
  })
})