Skip to content

Support for additional state prefixes and customizing which utilities have state variants #136

@adamwathan

Description

@adamwathan

Consolidating #27, #121, #125.

Right now we only support hover:{utility} state variants and only for the following modules:

  • backgroundColors
  • borderColors
  • textColors
  • fontWeights

It would be great to also add support for other states:

  • active:
  • focus:
  • placeholder:, although this is a bit different
  • disabled:
  • valid:
  • invalid:
  • required:

(We may not add support for all of these, but listing ideas for reference.)

It would also be great to allow customizing which modules have these variants enabled, as enabling all of these for every utility would quickly bloat the outputted CSS.

We have plans for all of this, but this issue will serve as a single point of reference so we can keep duplicate issues under control.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions