Missing DEFAULT option for ringOffsetWidth and ringOffsetColor

[rfberaldo]

Describe the problem:

Trying to set a default ring with offset doesn't work.

Link to a minimal reproduction:

https://play.tailwindcss.com/hNYXW0Qzj9

[simonswiss]

Hey! 👋

There is no offset specified in your Play example, only the ring itself (defaulting to 3px).

The actual "default" for ring-offset is no offset. We make the assumption that there should be no offset, unless explicitly specified. The default color for ring offset is white. 👍

If you add a ring-offset-2 for example, the ring will be offset by 2 pixels, as expected:

https://play.tailwindcss.com/W4SSmpZj4h

[rfberaldo]

I'm aware of that, is it normal to use 4 classes for a ring? I thought we could setup defaults for the 4 elements of ring and use a single focus:ring class, otherwise the classes are gonna be huge, e.g. focus:ring-2 focus:ring-green-500 focus:ring-offset-2 focus:ring-offset-gray-800.

Nothing that can't be solved with @apply, just thought it would be a nice thing to have.

[adamwathan]

This is a valid request, will play with this more at some point soon and see if it makes sense to make it work this way 👍🏻 Thanks for bringing it up!