Expand description
Utilities for creating outline rings with box-shadows.
| Class | Properties |
|---|---|
| ring-<integer> | box-shadow: 0 0 0 calc(<integer>px + var(--en-ring-offset-width)) var(--en-ring-color); |
| inset-ring-<integer> | box-shadow: inset 0 0 0 calc(<integer>px + var(--en-ring-offset-width)) var(--en-ring-color); |
§Tailwind compatibility
Ring width values don’t follow Tailwind’s philosophy of limiting possible values and all numbers are supported. They are however perfectly compatible with Tailwind’s values.
§Arbitrary values
Any <length> property is allowed as arbitrary value.
For example, ring-[1.2rem].