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