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