ring-offset-purple-50
The class ring-offset-purple-50 is a Tailwind CSS class, part of the ring offset color classes in the category borders.
Example usage
The following code is an example on how to use the class ring-offset-purple-50.
The above code produces the following result:
Resulting CSS
--tw-ring-offset-color: #faf5ff; box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-shadow);
Other ring-offset-color classes
- ring-offset-purple-500
- ring-offset-purple-950
- ring-offset-purple-100
- ring-offset-purple-200
- ring-offset-purple-300
- ring-offset-purple-400
- ring-offset-purple-600
- ring-offset-purple-700
- ring-offset-purple-800
- ring-offset-purple-900
- ring-offset-neutral-50
- ring-offset-emerald-50
- ring-offset-neutral-500
- ring-offset-neutral-950
- ring-offset-orange-50
- ring-offset-orange-500
- ring-offset-orange-950
- ring-offset-emerald-500
- ring-offset-emerald-950
- ring-offset-violet-50