ring-offset-fuchsia-500
The class ring-offset-fuchsia-500 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-fuchsia-500.
The above code produces the following result:
Resulting CSS
--tw-ring-offset-color: #d946ef; 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-fuchsia-50
- ring-offset-fuchsia-100
- ring-offset-fuchsia-200
- ring-offset-fuchsia-300
- ring-offset-fuchsia-400
- ring-offset-fuchsia-600
- ring-offset-fuchsia-700
- ring-offset-fuchsia-800
- ring-offset-fuchsia-900
- ring-offset-fuchsia-950
- ring-offset-purple-500
- ring-offset-neutral-500
- ring-offset-orange-500
- ring-offset-yellow-500
- ring-offset-emerald-500
- ring-offset-indigo-500
- ring-offset-violet-500
- ring-offset-purple-50
- ring-offset-purple-100
- ring-offset-purple-200