Project image

Tailwind CSS Interaction Media

This plugin adds Tailwind CSS variant support for CSS Interaction Media queries, as well as some useful logical combination variants that allow designers to apply conditionally apply utilities depending on what interaction capabilities a device has.

For example, a tablet with pen as primary input and touch as secondary input can have different size buttons than a device with only touch input.

Copyright © '23 Jeff Schofield