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