Tailwind support
Prysm supports the Tailwind animation library. This table lists features and if they are supported.
Works in cohtml | Notes | |
---|---|---|
Animation/Transition properties | ||
.ease-linear / .ease-* | Yes | |
.duration-75 | Yes | |
.duration-100 | Yes | |
.duration-150 | Yes | |
.duration-200 | Yes | |
.duration-300 | Yes | |
.duration-500 | Yes | |
.duration-700 | Yes | |
.duration-1000 | Yes | |
.delay-75 | Yes | |
.delay-100 | Yes | |
.delay-150 | Yes | |
.delay-200 | Yes | |
.delay-300 | Yes | |
.delay-500 | Yes | |
.delay-700 | Yes | |
.delay-1000 | Yes | |
.transition / .transition-* | Yes | |
Animations | ||
.animate-bounce | Yes | |
.animate-none | Yes | |
.animate-ping | Yes | |
.animate-pulse | Yes | |
.animate-spin | Yes | |
Background | ||
.bg-auto | Yes | |
.bg-cover | Yes | |
.bg-contain | Yes | |
.bg-bottom | Yes | |
.bg-top | Yes | |
.bg-center | Yes | |
.bg-left | Yes | |
.bg-left-bottom | Yes | |
.bg-left-top | Yes | |
.bg-right | Yes | |
.bg-right-bottom | Yes | |
.bg-right-top | Yes | |
.bg-fixed | No | No support for background-attachment |
.bg-local | No | No support for background-attachment |
.bg-scroll | No | No support for background-attachment |
.bg-no-repeat | Yes | |
.bg-repeat | Yes | |
.bg-repeat-x | Yes | |
.bg-repeat-y | Yes | |
.bg-repeat-round | Yes | |
.bg-repeat-space | No | No support for background-repeat: space; defaults back to ‘round’ |
.bg-opacity-0 | No | Adds a variable for the bg-color classes which don’t work |
.bg-opacity-25 | No | Adds a variable for the bg-color classes which don’t work |
.bg-opacity-50 | No | Adds a variable for the bg-color classes which don’t work |
.bg-opacity-75 | No | Adds a variable for the bg-color classes which don’t work |
.bg-opacity-100 | No | Adds a variable for the bg-color classes which don’t work |
.bg-none | Yes | |
Background clip | ||
.bg-clip-border | No | No support for the background-clip property |
.bg-clip-content | No | No support for the background-clip property |
.bg-clip-padding | No | No support for the background-clip property |
.bg-clip-text | No | No support for the background-clip property |
Background color | ||
.bg-transparent | Yes | |
.bg-current | No | No support for the currentcolor keyword |
.bg-black | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-white | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-gray-100 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-gray-200 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-gray-300 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-gray-400 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-gray-500 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-gray-600 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-gray-700 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-gray-800 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-gray-900 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-red-100 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-red-200 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-red-300 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-red-400 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-red-500 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-red-600 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-red-700 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-red-800 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-red-900 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-orange-100 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-orange-200 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-orange-300 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-orange-400 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-orange-500 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-orange-600 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-orange-700 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-orange-800 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-orange-900 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-yellow-100 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-yellow-200 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-yellow-300 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-yellow-400 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-yellow-500 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-yellow-600 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-yellow-700 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-yellow-800 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-yellow-900 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-green-100 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-green-200 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-green-300 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-green-400 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-green-500 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-green-600 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-green-700 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-green-800 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-green-900 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-teal-100 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-teal-200 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-teal-300 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-teal-400 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-teal-500 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-teal-600 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-teal-700 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-teal-800 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-teal-900 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-blue-100 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-blue-200 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-blue-300 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-blue-400 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-blue-500 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-blue-600 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-blue-700 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-blue-800 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-blue-900 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-indigo-100 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-indigo-200 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-indigo-300 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-indigo-400 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-indigo-500 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-indigo-600 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-indigo-700 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-indigo-800 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-indigo-900 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-purple-100 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-purple-200 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-purple-300 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-purple-400 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-purple-500 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-purple-600 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-purple-700 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-purple-800 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-purple-900 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-pink-100 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-pink-200 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-pink-300 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-pink-400 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-pink-500 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-pink-600 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-pink-700 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-pink-800 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
.bg-pink-900 | No | Colors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml |
Background gradient | ||
.bg-gradient-to-b | Yes | |
.bg-gradient-to-bl | Yes | |
.bg-gradient-to-br | Yes | |
.bg-gradient-to-l | Yes | |
.bg-gradient-to-r | Yes | |
.bg-gradient-to-t | Yes | |
.bg-gradient-to-tl | Yes | |
.bg-gradient-to-tr | Yes | |
.from-blue-100 | Yes | |
.from-current | No | No support for the currentcolor keyword |
.from-gray-100 | Yes | |
.from-indigo-100 | Yes | |
.from-pink-100 | Yes | |
.from-purple-100 | Yes | |
.from-red-100 | Yes | |
.from-transparent | Yes | |
.from-white | Yes | |
.from-yellow-100 | Yes | |
.from-transparent | Yes | |
.to-black | Yes | |
.to-blue-100 | Yes | |
.to-current | Yes | |
.to-gray-100 | Yes | |
.to-green-100 | Yes | |
.to-indigo-100 | Yes | |
.to-pink-100 | Yes | |
.to-purple-100 | Yes | |
.to-red-100 | Yes | |
.to-transparent | Yes | |
.to-white | Yes | |
.to-yellow-100 | Yes | |
.top-1 | Yes | |
.via-black | Yes | |
.via-blue-100 | Yes | |
.via-current | No | No support for the currentcolor keyword |
.via-gray-100 | Yes | |
.via-green-100 | Yes | |
.via-indigo-100 | Yes | |
.via-pink-100 | Yes | |
.via-purple-100 | Yes | |
.via-red-100 | Yes | |
.via-transparent | Yes | |
.via-white | Yes | |
.via-yellow-100 | Yes | |
Border color | ||
.border-transparent | Yes | |
.border-current | No | No support for the currentcolor keyword |
.border-black | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-white | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-gray-100 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-gray-200 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-gray-300 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-gray-400 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-gray-500 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-gray-600 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-gray-700 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-gray-800 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-gray-900 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-red-100 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-red-200 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-red-300 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-red-400 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-red-500 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-red-600 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-red-700 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-red-800 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-red-900 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-orange-100 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-orange-200 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-orange-300 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-orange-400 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-orange-500 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-orange-600 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-orange-700 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-orange-800 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-orange-900 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-yellow-100 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-yellow-200 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-yellow-300 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-yellow-400 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-yellow-500 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-yellow-600 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-yellow-700 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-yellow-800 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-yellow-900 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-green-100 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-green-200 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-green-300 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-green-400 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-green-500 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-green-600 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-green-700 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-green-800 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-green-900 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-teal-100 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-teal-200 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-teal-300 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-teal-400 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-teal-500 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-teal-600 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-teal-700 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-teal-800 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-teal-900 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-blue-100 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-blue-200 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-blue-300 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-blue-400 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-blue-500 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-blue-600 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-blue-700 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-blue-800 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-blue-900 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-indigo-100 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-indigo-200 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-indigo-300 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-indigo-400 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-indigo-500 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-indigo-600 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-indigo-700 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-indigo-800 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-indigo-900 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-purple-100 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-purple-200 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-purple-300 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-purple-400 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-purple-500 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-purple-600 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-purple-700 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-purple-800 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-purple-900 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-pink-100 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-pink-200 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-pink-300 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-pink-400 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-pink-500 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-pink-600 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-pink-700 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-pink-800 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-pink-900 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
Borders | ||
.border-solid | Yes | |
.border-dashed | No | No support for border-style: dashed; |
.border-dotted | No | No support for border-style: dotted; |
.border-double | No | No support for border-style: double; |
.border-none | Yes | |
.border | Yes | |
.border-0 | Yes | |
.border-2 | Yes | |
.border-4 | Yes | |
.border-8 | Yes | |
.border-*-# / .border-t-2 | Yes | |
.border-opacity-25 / border-*-# | No | Used in conjuction with border-color classes and sets the css variable |
.divide-x | No | Uses the :not selector which is not supported in cohtml |
.divide-x-0 | No | Uses the :not selector which is not supported in cohtml |
.divide-x-2 | No | Uses the :not selector which is not supported in cohtml |
.divide-x-4 | No | Uses the :not selector which is not supported in cohtml |
.divide-x-8 | No | Uses the :not selector which is not supported in cohtml |
.divide-y | No | Uses the :not selector which is not supported in cohtml |
.divide-y-0 | No | Uses the :not selector which is not supported in cohtml |
.divide-y-2 | No | Uses the :not selector which is not supported in cohtml |
.divide-y-4 | No | Uses the :not selector which is not supported in cohtml |
.divide-y-8 | No | Uses the :not selector which is not supported in cohtml |
.divide-gray-100 / .divide-*-# | No | Uses the :not selector which is not supported in cohtml |
.divide-x-reverse / .divide-*-reverse | No | Uses the :not selector which is not supported in cohtml |
.divide-opacity-25 / .divide-opacity-* | No | Uses the :not selector which is not supported in cohtml |
.border-collapse | No | No support for tables so no support for border-collapse |
.border-separate | No | No support for tables so no support for border-collapse |
.rounded / .rounded-* | Yes | |
.border-b | Yes | |
.border-b-0 | Yes | |
.border-blue-50 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-gray-50 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-green-50 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-indigo-50 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-l | Yes | |
.border-l-0 | Yes | |
.border-opacity-0 | No | Used in conjuction with border-color classes and sets the css variable |
.border-pink-50 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-purple-50 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-r | Yes | |
.border-r-0 | Yes | |
.border-red-50 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.border-t | Yes | |
.border-t-0 | Yes | |
.border-yellow-50 | No | Uses a CSS variable in the border-color shorthand expression which is not supported |
.rounded-2xl | Yes | |
.rounded-3xl | Yes | |
.rounded-b-2xl | Yes | |
.rounded-b-3xl | Yes | |
.rounded-b-xl | Yes | |
.rounded-bl-2xl | Yes | |
.rounded-bl-3xl | Yes | |
.rounded-bl-xl | Yes | |
.rounded-br-2xl | Yes | |
.rounded-br-3xl | Yes | |
.rounded-br-xl | Yes | |
.rounded-l-2xl | Yes | |
.rounded-l-xl | Yes | |
.rounded-r-2xl | Yes | |
.rounded-r-3xl | Yes | |
.rounded-r-xl | Yes | |
.rounded-t-2xl | Yes | |
.rounded-t-3xl | Yes | |
.rounded-t-xl | Yes | |
.rounded-tl-2xl | Yes | |
.rounded-tl-3xl | Yes | |
.rounded-tl-xl | Yes | |
.rounded-tr-2xl | Yes | |
.rounded-tr-3xl | Yes | |
.rounded-tr-xl | Yes | |
.rounded-xl | Yes | |
Box | ||
.box-border | Partially | Won’t work, but the default box-sizing in cohtml is border-box |
.box-content | No | box-sizing: content-box; not supported in cohtml |
Colors | ||
.bg-blue-50 | No | Colors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml |
.bg-gray-50 | No | Colors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml |
.bg-green-50 | No | Colors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml |
.bg-indigo-50 | No | Colors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml |
.bg-opacity-10 | No | Colors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml |
.bg-pink-50 | No | Colors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml |
.bg-purple-50 | No | Colors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml |
.bg-red-50 | No | Colors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml |
.bg-yellow-50 | No | Colors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml |
Display | ||
.block | Yes | |
.hidden | Yes | |
.inline | No | No support for display: inline |
.inline-block | No | No support for display: inline-block |
.inline-flex | No | No support for display: inline-flex |
.inline-grid | No | No support for display: inline-grid |
.flex | Yes | |
.grid | No | No support for display: grid |
.flow-root | No | No support for display: flow-root |
Divide | ||
.divide-black | No | Uses the :not selector which is not supported in cohtml |
.divide-blue-100 | No | Uses the :not selector which is not supported in cohtml |
.divide-current | No | Uses the :not selector which is not supported in cohtml |
.divide-dashed | No | Uses the :not selector which is not supported in cohtml |
.divide-dotted | No | Uses the :not selector which is not supported in cohtml |
.divide-doubble | No | Uses the :not selector which is not supported in cohtml |
.divide-gray-100 | No | Uses the :not selector which is not supported in cohtml |
.divide-green-100 | No | Uses the :not selector which is not supported in cohtml |
.divide-indigo-100 | No | Uses the :not selector which is not supported in cohtml |
.divide-none | No | Uses the :not selector which is not supported in cohtml |
.divide-opacity-0 | No | Uses the :not selector which is not supported in cohtml |
.divide-pink-100 | No | Uses the :not selector which is not supported in cohtml |
.divide-purple-100 | No | Uses the :not selector which is not supported in cohtml |
.divide-red-100 | No | Uses the :not selector which is not supported in cohtml |
.divide-solid | No | Uses the :not selector which is not supported in cohtml |
.divide-transparent | No | Uses the :not selector which is not supported in cohtml |
.divide-white | No | Uses the :not selector which is not supported in cohtml |
.divide-x-reverse | No | Uses the :not selector which is not supported in cohtml |
.divide-y-reverse | No | Uses the :not selector which is not supported in cohtml |
.divide-yellow-100 | No | Uses the :not selector which is not supported in cohtml |
Flex | ||
.flex-row | Yes | |
.flex-row-reverse | Yes | |
.flex-col | Yes | |
.flex-col-reverse | Yes | |
.flex-initial | Yes | |
.flex-1 | Yes | |
.flex-auto | Yes | |
.flex-none | Yes | |
.flex-no-wrap | Yes | |
.flex-wrap | Yes | |
.flex-wrap-reverse | Yes | |
.items-stretch / .items-* | Partially | No support for items-baseline class |
.content-start / .content-* | Partially | No support for content-around, content-evenly, content-around and content-baseline |
.justify-start / .justify-* | Partially | No support for justify-evenly |
.self-start / .self-* | Partially | No support for self-baseline |
.flex-grow / .flex-grow-0 | No | flex-grow supported only as part of flex shorthand |
.flex-shrink / .flex-shrink-0 | No | flex-shrink supported only as part of flex shorthand |
.order-1 / .order-* | No | order not supported in cohtml |
Flex | ||
.content-around | No | |
.content-between | No | |
.content-center | Yes | |
.content-end | Yes | |
.content-evenly | No | |
.content-start | Yes | |
.contents | No | No support for display: contents; |
.flex-nowrap | Yes | |
.justify-items-auto | No | No support for justify-items |
.justify-items-center | No | No support for justify-items |
.justify-items-end | No | No support for justify-items |
.justify-items-start | No | No support for justify-items |
.justify-items-stretch | No | No support for justify-items |
.justify-self-auto | No | No support for justify-self |
.justify-self-center | No | No support for justify-self |
.justify-self-end | No | No support for justify-self |
.justify-self-start | No | No support for justify-self |
.justify-self-stretch | No | No support for justify-self |
.space-x-7 | No | Uses :not selector which we don’t support |
.space-x-px | No | Uses :not selector which we don’t support |
.space-x-reverse | No | Uses :not selector which we don’t support |
.space-y-px | No | Uses :not selector which we don’t support |
.space-y-reverse | No | Uses :not selector which we don’t support |
Forms | ||
.focus-within | No | No support for the :focus-within selector in cohtml |
Grid | ||
.col-auto | No | No support for display: grid and any of it’s properties |
.col-span-1 / .col-span-* | No | No support for display: grid and any of it’s properties |
.col-start-1 / .col-start-* | No | No support for display: grid and any of it’s properties |
.col-end-1 / .col-end-* | No | No support for display: grid and any of it’s properties |
.gap-0 / .gap-* | No | No support for display: grid and any of it’s properties |
.row-gap-0 / .row-gap-* | No | No support for display: grid and any of it’s properties |
.col-gap-0 / .col-gap-* | No | No support for display: grid and any of it’s properties |
.grid-rows-1 / .grid-rows-* | No | No support for display: grid and any of it’s properties |
.grid-cols-1 / .grid-cols-* | No | No support for display: grid and any of it’s properties |
.grid-flow-row | No | No support for display: grid and any of it’s properties |
.grid-flow-row-dense | No | No support for display: grid and any of it’s properties |
.grid-flow-col | No | No support for display: grid and any of it’s properties |
.grid-flow-col-dense | No | No support for display: grid and any of it’s properties |
.row-span-1 / .row-span-* | No | No support for display: grid and any of it’s properties |
.row-start-auto | No | No support for display: grid and any of it’s properties |
.row-start-1 | No | No support for display: grid and any of it’s properties |
.row-start-2 | No | No support for display: grid and any of it’s properties |
.row-start-3 | No | No support for display: grid and any of it’s properties |
.row-start-4 | No | No support for display: grid and any of it’s properties |
.row-start-5 | No | No support for display: grid and any of it’s properties |
.row-start-6 | No | No support for display: grid and any of it’s properties |
.row-start-7 | No | No support for display: grid and any of it’s properties |
.row-end-auto | No | No support for display: grid and any of it’s properties |
.row-end-1 | No | No support for display: grid and any of it’s properties |
.row-end-2 | No | No support for display: grid and any of it’s properties |
.row-end-3 | No | No support for display: grid and any of it’s properties |
.row-end-4 | No | No support for display: grid and any of it’s properties |
.row-end-5 | No | No support for display: grid and any of it’s properties |
.row-end-6 | No | No support for display: grid and any of it’s properties |
.row-end-7 | No | No support for display: grid and any of it’s properties |
.auto-cols-auto | No | No support for display: grid and any of it’s properties |
.auto-cols-fr | No | No support for display: grid and any of it’s properties |
.auto-cols-max | No | No support for display: grid and any of it’s properties |
.auto-cols-min | No | No support for display: grid and any of it’s properties |
.auto-rows-auto | No | No support for display: grid and any of it’s properties |
.auto-rows-fr | No | No support for display: grid and any of it’s properties |
.auto-rows-max | No | No support for display: grid and any of it’s properties |
.auto-rows-min | No | No support for display: grid and any of it’s properties |
.auto-rows-min | No | No support for display: grid and any of it’s properties |
.col-end-1 | No | No support for display: grid and any of it’s properties |
.col-end-auto | No | No support for display: grid and any of it’s properties |
.col-span-1 | No | No support for display: grid and any of it’s properties |
.col-span-full | No | No support for display: grid and any of it’s properties |
.col-start-1 | No | No support for display: grid and any of it’s properties |
.col-start-auto | No | No support for display: grid and any of it’s properties |
.gap-0 | No | No support for display: grid and any of it’s properties |
.gap-px | No | No support for display: grid and any of it’s properties |
.gap-x-0 | No | No support for display: grid and any of it’s properties |
.gap-x-px | No | No support for display: grid and any of it’s properties |
.gap-y-0 | No | No support for display: grid and any of it’s properties |
.gap-y-px | No | No support for display: grid and any of it’s properties |
.place-contant-around | No | No support for display: grid and any of it’s properties |
.place-contant-between | No | No support for display: grid and any of it’s properties |
.place-contant-center | No | No support for display: grid and any of it’s properties |
.place-contant-end | No | No support for display: grid and any of it’s properties |
.place-contant-evenly | No | No support for display: grid and any of it’s properties |
.place-contant-start | No | No support for display: grid and any of it’s properties |
.place-contant-stretch | No | No support for display: grid and any of it’s properties |
.place-items-auto | No | No support for display: grid and any of it’s properties |
.place-items-center | No | No support for display: grid and any of it’s properties |
.place-items-end | No | No support for display: grid and any of it’s properties |
.place-items-start | No | No support for display: grid and any of it’s properties |
.place-items-stretch | No | No support for display: grid and any of it’s properties |
.place-self-auto | No | No support for display: grid and any of it’s properties |
.place-self-end | No | No support for display: grid and any of it’s properties |
.place-self-start | No | No support for display: grid and any of it’s properties |
.place-self-stretch | No | No support for display: grid and any of it’s properties |
.row-auto | No | No support for display: grid and any of it’s properties |
.row-span-1 | No | No support for display: grid and any of it’s properties |
.row-span-full | No | No support for display: grid and any of it’s properties |
Group hover | ||
.group-hover | No | We don’t support any of the pseudo-classes in Tailwind because of the selector they are using |
Height | ||
.h-0 | Yes | |
.h-1 | Yes | |
.h-2 | Yes | |
.h-3 | Yes | |
.h-4 | Yes | |
.h-5 | Yes | |
.h-6 | Yes | |
.h-8 | Yes | |
.h-10 | Yes | |
.h-12 | Yes | |
.h-16 | Yes | |
.h-20 | Yes | |
.h-24 | Yes | |
.h-32 | Yes | |
.h-40 | Yes | |
.h-48 | Yes | |
.h-56 | Yes | |
.h-64 | Yes | |
.h-auto | Yes | |
.h-px | Yes | |
.h-full | Yes | |
.h-screen | Yes | |
.max-h-full | Yes | |
.max-h-screen | Yes | |
.min-h-0 | Yes | |
.min-h-full | Yes | |
.min-h-screen | Yes | |
.max-h-px | Yes | |
List | ||
.list-disc / .list-* | No | Cohtml doesn’t support lists |
.list-inside / .list-outside | No | Cohtml doesn’t support lists |
Margins | ||
.m-0 | Yes | |
.m-1 | Yes | |
.m-2 | Yes | |
.m-3 | Yes | |
.m-4 | Yes | |
.m-5 | Yes | |
.m-6 | Yes | |
.m-8 | Yes | |
.m-10 | Yes | |
.m-12 | Yes | |
.m-16 | Yes | |
.m-20 | Yes | |
.m-24 | Yes | |
.m-32 | Yes | |
.m-40 | Yes | |
.m-48 | Yes | |
.m-56 | Yes | |
.m-64 | Yes | |
.m-auto | No | No support for auto margins |
.m-px | Yes | |
.mb-0 | Yes | |
.mb-1 | Yes | |
.mb-2 | Yes | |
.mb-3 | Yes | |
.mb-4 | Yes | |
.mb-5 | Yes | |
.mb-6 | Yes | |
.mb-8 | Yes | |
.mb-10 | Yes | |
.mb-12 | Yes | |
.mb-16 | Yes | |
.mb-20 | Yes | |
.mb-24 | Yes | |
.mb-32 | Yes | |
.mb-40 | Yes | |
.mb-48 | Yes | |
.mb-56 | Yes | |
.mb-64 | Yes | |
.mb-auto | No | No support for auto margins |
.mb-px | Yes | |
.mr-0 | Yes | |
.mr-1 | Yes | |
.mr-2 | Yes | |
.mr-3 | Yes | |
.mr-4 | Yes | |
.mr-5 | Yes | |
.mr-6 | Yes | |
.mr-8 | Yes | |
.mr-10 | Yes | |
.mr-12 | Yes | |
.mr-16 | Yes | |
.mr-20 | Yes | |
.mr-24 | Yes | |
.mr-32 | Yes | |
.mr-40 | Yes | |
.mr-48 | Yes | |
.mr-56 | Yes | |
.mr-64 | Yes | |
.mr-auto | No | No support for auto margins |
.mr-px | Yes | |
.mt-0 | Yes | |
.mt-1 | Yes | |
.mt-2 | Yes | |
.mt-3 | Yes | |
.mt-4 | Yes | |
.mt-5 | Yes | |
.mt-6 | Yes | |
.mt-8 | Yes | |
.mt-10 | Yes | |
.mt-12 | Yes | |
.mt-16 | Yes | |
.mt-20 | Yes | |
.mt-24 | Yes | |
.mt-32 | Yes | |
.mt-40 | Yes | |
.mt-48 | Yes | |
.mt-56 | Yes | |
.mt-64 | Yes | |
.mt-auto | No | No support for auto margins |
.mt-px | Yes | |
.ml-0 | Yes | |
.ml-1 | Yes | |
.ml-2 | Yes | |
.ml-3 | Yes | |
.ml-4 | Yes | |
.ml-5 | Yes | |
.ml-6 | Yes | |
.ml-8 | Yes | |
.ml-10 | Yes | |
.ml-12 | Yes | |
.ml-16 | Yes | |
.ml-20 | Yes | |
.ml-24 | Yes | |
.ml-32 | Yes | |
.ml-40 | Yes | |
.ml-48 | Yes | |
.ml-56 | Yes | |
.ml-64 | Yes | |
.ml-auto | No | No support for auto margins |
.ml-px | Yes | |
.mx-0 | Yes | |
.mx-1 | Yes | |
.mx-2 | Yes | |
.mx-3 | Yes | |
.mx-4 | Yes | |
.mx-5 | Yes | |
.mx-6 | Yes | |
.mx-8 | Yes | |
.mx-10 | Yes | |
.mx-12 | Yes | |
.mx-16 | Yes | |
.mx-20 | Yes | |
.mx-24 | Yes | |
.mx-32 | Yes | |
.mx-40 | Yes | |
.mx-48 | Yes | |
.mx-56 | Yes | |
.mx-64 | Yes | |
.mx-auto | No | No support for auto margins |
.mx-px | Yes | |
.my-0 | Yes | |
.my-1 | Yes | |
.my-2 | Yes | |
.my-3 | Yes | |
.my-4 | Yes | |
.my-5 | Yes | |
.my-6 | Yes | |
.my-8 | Yes | |
.my-10 | Yes | |
.my-12 | Yes | |
.my-16 | Yes | |
.my-20 | Yes | |
.my-24 | Yes | |
.my-32 | Yes | |
.my-40 | Yes | |
.my-48 | Yes | |
.my-56 | Yes | |
.my-64 | Yes | |
.my-auto | No | No support for auto margins |
.my-px | Yes | |
.-m-1 | Yes | |
.-m-2 | Yes | |
.-m-3 | Yes | |
.-m-4 | Yes | |
.-m-5 | Yes | |
.-m-6 | Yes | |
.-m-8 | Yes | |
.-m-10 | Yes | |
.-m-12 | Yes | |
.-m-16 | Yes | |
.-m-20 | Yes | |
.-m-24 | Yes | |
.-m-32 | Yes | |
.-m-40 | Yes | |
.-m-48 | Yes | |
.-m-56 | Yes | |
.-m-64 | Yes | |
.-m-px | Yes | |
.-mb-1 | Yes | |
.-mb-2 | Yes | |
.-mb-3 | Yes | |
.-mb-4 | Yes | |
.-mb-5 | Yes | |
.-mb-6 | Yes | |
.-mb-8 | Yes | |
.-mb-10 | Yes | |
.-mb-12 | Yes | |
.-mb-16 | Yes | |
.-mb-20 | Yes | |
.-mb-24 | Yes | |
.-mb-32 | Yes | |
.-mb-40 | Yes | |
.-mb-48 | Yes | |
.-mb-56 | Yes | |
.-mb-64 | Yes | |
.-mb-px | Yes | |
.-mr-1 | Yes | |
.-mr-2 | Yes | |
.-mr-3 | Yes | |
.-mr-4 | Yes | |
.-mr-5 | Yes | |
.-mr-6 | Yes | |
.-mr-8 | Yes | |
.-mr-10 | Yes | |
.-mr-12 | Yes | |
.-mr-16 | Yes | |
.-mr-20 | Yes | |
.-mr-24 | Yes | |
.-mr-32 | Yes | |
.-mr-40 | Yes | |
.-mr-48 | Yes | |
.-mr-56 | Yes | |
.-mr-64 | Yes | |
.-mr-px | Yes | |
.-mt-1 | Yes | |
.-mt-2 | Yes | |
.-mt-3 | Yes | |
.-mt-4 | Yes | |
.-mt-5 | Yes | |
.-mt-6 | Yes | |
.-mt-8 | Yes | |
.-mt-10 | Yes | |
.-mt-12 | Yes | |
.-mt-16 | Yes | |
.-mt-20 | Yes | |
.-mt-24 | Yes | |
.-mt-32 | Yes | |
.-mt-40 | Yes | |
.-mt-48 | Yes | |
.-mt-56 | Yes | |
.-mt-64 | Yes | |
.-mt-px | Yes | |
.-ml-1 | Yes | |
.-ml-2 | Yes | |
.-ml-3 | Yes | |
.-ml-4 | Yes | |
.-ml-5 | Yes | |
.-ml-6 | Yes | |
.-ml-8 | Yes | |
.-ml-10 | Yes | |
.-ml-12 | Yes | |
.-ml-16 | Yes | |
.-ml-20 | Yes | |
.-ml-24 | Yes | |
.-ml-32 | Yes | |
.-ml-40 | Yes | |
.-ml-48 | Yes | |
.-ml-56 | Yes | |
.-ml-64 | Yes | |
.-ml-px | Yes | |
.-mx-1 | Yes | |
.-mx-2 | Yes | |
.-mx-3 | Yes | |
.-mx-4 | Yes | |
.-mx-5 | Yes | |
.-mx-6 | Yes | |
.-mx-8 | Yes | |
.-mx-10 | Yes | |
.-mx-12 | Yes | |
.-mx-16 | Yes | |
.-mx-20 | Yes | |
.-mx-24 | Yes | |
.-mx-32 | Yes | |
.-mx-40 | Yes | |
.-mx-48 | Yes | |
.-mx-56 | Yes | |
.-mx-64 | Yes | |
.-mx-px | Yes | |
.-my-1 | Yes | |
.-my-2 | Yes | |
.-my-3 | Yes | |
.-my-4 | Yes | |
.-my-5 | Yes | |
.-my-6 | Yes | |
.-my-8 | Yes | |
.-my-10 | Yes | |
.-my-12 | Yes | |
.-my-16 | Yes | |
.-my-20 | Yes | |
.-my-24 | Yes | |
.-my-32 | Yes | |
.-my-40 | Yes | |
.-my-48 | Yes | |
.-my-56 | Yes | |
.-my-64 | Yes | |
.-my-px | Yes | |
.mt-11 | Yes | |
.mb-11 | Yes | |
.ml-11 | Yes | |
.mr-11 | Yes | |
.mt-11 | Yes | |
.mx-11 | Yes | |
.my-11 | Yes | |
Nums | ||
.lining-nums | No | No support for font-variant-numeric in cohtml |
.normal-nums | No | No support for font-variant-numeric in cohtml |
.oldstyle-nums | No | No support for font-variant-numeric in cohtml |
.stacked-fractions | No | No support for font-variant-numeric in cohtml |
Opacity | ||
.opacity-10 | Yes | |
Outline | ||
.outline-black | No | No support for outline in cohtml |
.outline-white | No | No support for outline in cohtml |
Paddings | ||
.p-0 | Yes | |
.p-1 | Yes | |
.p-2 | Yes | |
.p-3 | Yes | |
.p-4 | Yes | |
.p-5 | Yes | |
.p-6 | Yes | |
.p-8 | Yes | |
.p-10 | Yes | |
.p-12 | Yes | |
.p-16 | Yes | |
.p-20 | Yes | |
.p-24 | Yes | |
.p-32 | Yes | |
.p-40 | Yes | |
.p-48 | Yes | |
.p-56 | Yes | |
.p-64 | Yes | |
.p-px | Yes | |
.pb-0 | Yes | |
.pb-1 | Yes | |
.pb-2 | Yes | |
.pb-3 | Yes | |
.pb-4 | Yes | |
.pb-5 | Yes | |
.pb-6 | Yes | |
.pb-8 | Yes | |
.pb-10 | Yes | |
.pb-12 | Yes | |
.pb-16 | Yes | |
.pb-20 | Yes | |
.pb-24 | Yes | |
.pb-32 | Yes | |
.pb-40 | Yes | |
.pb-48 | Yes | |
.pb-56 | Yes | |
.pb-64 | Yes | |
.pb-px | Yes | |
.pr-0 | Yes | |
.pr-1 | Yes | |
.pr-2 | Yes | |
.pr-3 | Yes | |
.pr-4 | Yes | |
.pr-5 | Yes | |
.pr-6 | Yes | |
.pr-8 | Yes | |
.pr-10 | Yes | |
.pr-12 | Yes | |
.pr-16 | Yes | |
.pr-20 | Yes | |
.pr-24 | Yes | |
.pr-32 | Yes | |
.pr-40 | Yes | |
.pr-48 | Yes | |
.pr-56 | Yes | |
.pr-64 | Yes | |
.pr-px | Yes | |
.pt-0 | Yes | |
.pt-1 | Yes | |
.pt-2 | Yes | |
.pt-3 | Yes | |
.pt-4 | Yes | |
.pt-5 | Yes | |
.pt-6 | Yes | |
.pt-8 | Yes | |
.pt-10 | Yes | |
.pt-12 | Yes | |
.pt-16 | Yes | |
.pt-20 | Yes | |
.pt-24 | Yes | |
.pt-32 | Yes | |
.pt-40 | Yes | |
.pt-48 | Yes | |
.pt-56 | Yes | |
.pt-64 | Yes | |
.pt-px | Yes | |
.pl-0 | Yes | |
.pl-1 | Yes | |
.pl-2 | Yes | |
.pl-3 | Yes | |
.pl-4 | Yes | |
.pl-5 | Yes | |
.pl-6 | Yes | |
.pl-8 | Yes | |
.pl-10 | Yes | |
.pl-12 | Yes | |
.pl-16 | Yes | |
.pl-20 | Yes | |
.pl-24 | Yes | |
.pl-32 | Yes | |
.pl-40 | Yes | |
.pl-48 | Yes | |
.pl-56 | Yes | |
.pl-64 | Yes | |
.pl-px | Yes | |
.px-0 | Yes | |
.px-1 | Yes | |
.px-2 | Yes | |
.px-3 | Yes | |
.px-4 | Yes | |
.px-5 | Yes | |
.px-6 | Yes | |
.px-8 | Yes | |
.px-10 | Yes | |
.px-12 | Yes | |
.px-16 | Yes | |
.px-20 | Yes | |
.px-24 | Yes | |
.px-32 | Yes | |
.px-40 | Yes | |
.px-48 | Yes | |
.px-56 | Yes | |
.px-64 | Yes | |
.px-px | Yes | |
.py-0 | Yes | |
.py-1 | Yes | |
.py-2 | Yes | |
.py-3 | Yes | |
.py-4 | Yes | |
.py-5 | Yes | |
.py-6 | Yes | |
.py-8 | Yes | |
.py-10 | Yes | |
.py-12 | Yes | |
.py-16 | Yes | |
.py-20 | Yes | |
.py-24 | Yes | |
.py-32 | Yes | |
.py-40 | Yes | |
.py-48 | Yes | |
.py-56 | Yes | |
.py-64 | Yes | |
.py-px | Yes | |
.p-11 | Yes | |
.pb-11 | Yes | |
.pl-11 | Yes | |
.pr-11 | Yes | |
.pt-11 | Yes | |
.px-11 | Yes | |
.py-11 | Yes | |
Positioning | ||
.align-* | No | No support for vertical-align in cohtml |
.clear-left | No | No support for float and clear |
.clear-right | No | No support for float and clear |
.clear-both | No | No support for float and clear |
.clear-none | No | No support for float and clear |
.clearfix | No | No support for float and clear |
.float-* | No | No support for float and clear |
.inset-y-0 / .inset-*-# | Yes | |
.top-0 / .top-* | Yes | |
.left-0 / .left-* | Yes | |
.right-0 / .right-* | Yes | |
.bottom-0 / .bottom-* | Yes | |
.object-center | No | No support for object position |
.object-bottom | No | No support for object position |
.object-left | No | No support for object position |
.object-left-bottom | No | No support for object position |
.object-left-top | No | No support for object position |
.object-right | No | No support for object position |
.object-right-bottom | No | No support for object position |
.object-right-top | No | No support for object position |
.object-top | No | No support for object position |
.object-contain / .object-* | No | No support for object fit |
.z-10 / .z-* | Yes | |
.static | No | No support for position: static |
.relative | Yes | |
.absolute | Yes | |
.fixed | Yes | |
.sticky | No | |
.-bottom-1 | Yes | |
.-bottom-px | Yes | |
.-inset-0 | Yes | |
.-inset-px | Yes | |
.-inset-x-0 | Yes | |
.-inset-y-0 | Yes | |
.-inset-y-full | Yes | |
.-inset-y-px | Yes | |
.-left-0 | Yes | |
.-left-full | Yes | |
.-left-px | Yes | |
.-right-0 | Yes | |
.-right-full | Yes | |
.-right-px | Yes | |
.-rotate-1 | Yes | Supported but doesn’t work neither in chrome nor cohtml |
.-skew-x-1 | Yes | |
.-skew-y-1 | Yes | |
.-space-x-0 | No | Uses the not supported :not selector |
.-space-x-px | No | Uses the not supported :not selector |
.-space-y-0 | No | Uses the not supported :not selector |
.-space-y-px | No | Uses the not supported :not selector |
.-top-0 | Yes | |
.-top-px | Yes | |
.-translate-x-0 | Yes | |
.-translate-x-full | Yes | |
.-translate-x-px | Yes | |
.-translate-y-0 | Yes | |
.-translate-y-px | Yes | |
.absolute | Yes | |
.align-baseline | No | No support for vertical-align in cohtml |
.align-bottom | No | No support for vertical-align in cohtml |
.align-middle | No | No support for vertical-align in cohtml |
.align-text-bottom | No | No support for vertical-align in cohtml |
.align-text-top | No | No support for vertical-align in cohtml |
.align-top | No | No support for vertical-align in cohtml |
.bottom-0 | Yes | |
.bottom-auto | Yes | |
.bottom-full | Yes | |
.bottom-px | Yes | |
.inset-1 | Yes | |
.inset-full | Yes | |
.inset-px | Yes | |
.inset-x-1 | Yes | |
.inset-x-full | Yes | |
.inset-x-px | Yes | |
.inset-y-1 | Yes | |
.inset-y-full | Yes | |
.inset-y-px | Yes | |
.left-1 | Yes | |
.left-full | Yes | |
.left-px | Yes | |
.right-1 | Yes | |
.right-auto | Yes | |
.right-full | Yes | |
.right-px | Yes | |
.top-full | Yes | |
.top-px | Yes | |
Pseudo class | ||
.hover | No | We don’t support the selector that is used for pseudo-classes |
.focus | No | We don’t support the selector that is used for pseudo-classes |
Responsive | ||
.container | Yes | |
.sm: | No | We don’t support the selector that is used for media-queries |
.md: | No | We don’t support the selector that is used for media-queries |
.lg: | No | We don’t support the selector that is used for media-queries |
.xl: | No | We don’t support the selector that is used for media-queries |
Ring | ||
.ring | No | Cohtml doesn’t support the colors used for the shadows |
.ring-0 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-black | No | Cohtml doesn’t support the colors used for the shadows |
.ring-blue-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-current | No | Cohtml doesn’t support the colors used for the shadows |
.ring-gray-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-green-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-inding-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-inset | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-0 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-black | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-blue-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-current | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-gray-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-green-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-indigo-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-pink-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-purple-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-red-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-transparent | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-white | No | Cohtml doesn’t support the colors used for the shadows |
.ring-offset-yellow-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-opacity-0 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-pink-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-purple-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-red-100 | No | Cohtml doesn’t support the colors used for the shadows |
.ring-transparent | No | Cohtml doesn’t support the colors used for the shadows |
.ring-white | No | Cohtml doesn’t support the colors used for the shadows |
.ring-yellow-100 | No | Cohtml doesn’t support the colors used for the shadows |
Scroll | ||
.overscroll-contain | No | No support for the overscroll-behavior |
.overscroll-x-auto | No | No support for the overscroll-behavior |
.overscroll-x-contain | No | No support for the overscroll-behavior |
.overscroll-x-none | No | No support for the overscroll-behavior |
.overscroll-y-auto | No | No support for the overscroll-behavior |
.overscroll-y-contain | No | No support for the overscroll-behavior |
.overscroll-y-none | No | No support for the overscroll-behavior |
Shadows | ||
.shadow-xs | No | Cohtml can’t seem to resolve the css variables in the box-shadow |
.shadow-sm | No | Cohtml can’t seem to resolve the css variables in the box-shadow |
.shadow | No | Cohtml can’t seem to resolve the css variables in the box-shadow |
.shadow-md | No | Cohtml can’t seem to resolve the css variables in the box-shadow |
.shadow-lg | No | Cohtml can’t seem to resolve the css variables in the box-shadow |
.shadow-xl | No | Cohtml can’t seem to resolve the css variables in the box-shadow |
.shadow-2xl | No | Cohtml can’t seem to resolve the css variables in the box-shadow |
.shadow-inner | No | Cohtml can’t seem to resolve the css variables in the box-shadow |
.shadow-outline | No | Cohtml can’t seem to resolve the css variables in the box-shadow |
.shadow-none | No | Cohtml can’t seem to resolve the css variables in the box-shadow |
Spacing | ||
.space-x-1 / .space-x-* | No | Uses the not supported :not selector |
.space-y-1 / .space-y-* | No | Uses the not supported :not selector |
.-space-x-1 / .-space-x-* | No | Uses the not supported :not selector |
.-space-y-1 / .-space-y-* | No | Uses the not supported :not selector |
.space-x-reverse / .space-y-reverse | No | Uses the not supported :not selector |
Svg | ||
.fill-current | No | No support for the currentcolor keyword |
.stroke-current | No | No support for the currentcolor keyword |
.stroke-0 / .stroke-* | Yes | |
Table | ||
.table | No | Cohtml doesn’t support tables |
.table-caption | No | Cohtml doesn’t support tables |
.table-cell | No | Cohtml doesn’t support tables |
.table-column | No | Cohtml doesn’t support tables |
.table-column-group | No | Cohtml doesn’t support tables |
.table-footer-group | No | Cohtml doesn’t support tables |
.table-header-group | No | Cohtml doesn’t support tables |
.table-row-group | No | Cohtml doesn’t support tables |
.table-row | No | Cohtml doesn’t support tables |
.table-auto / .table-fixed | No | Cohtml doesn’t support tables |
Text | ||
.antialiased | No | No support for -webkit-font-smoothing in cohtml |
.subpixel-antialiased | No | No support for -webkit-font-smoothing in cohtml |
.text-opacity-* | No | Sets a variable for the text-color |
.break-normal | No | No support for word-break in cohtml |
.break-words | Yes | |
.break-all | No | No support for word-break in cohtml |
.truncate | Yes | |
.uppercase | Yes | |
.lowercase | Yes | |
.capitalize | Yes | |
.normal-case | Yes | |
.leading-none | Yes | |
.leading-tight | Yes | |
.leading-snug | Yes | |
.leading-normal | Yes | |
.leading-relaxed | Yes | |
.leading-loose | Yes | |
.leading-3 | Yes | |
.leading-4 | Yes | |
.leading-5 | Yes | |
.leading-6 | Yes | |
.leading-7 | Yes | |
.leading-8 | Yes | |
.leading-9 | Yes | |
.leading-10 | Yes | |
.underline | Yes | |
.line-through | Yes | |
.no-underline | Yes | |
.font-hairline | Yes | |
.font-thin | Yes | |
.font-light | Yes | |
.font-normal | Yes | |
.font-medium | Yes | |
.font-semibold | Yes | |
.font-bold | Yes | |
.font-extrabold | Yes | |
.font-black | Yes | |
.text-xs | Yes | |
.text-sm | Yes | |
.text-base | Yes | |
.text-lg | Yes | |
.text-xl | Yes | |
.text-2xl | Yes | |
.text-3xl | Yes | |
.text-4xl | Yes | |
.text-5xl | Yes | |
.text-6xl | Yes | |
.font-sans | Partially | Sets a sans serif font that has to be loaded first |
.font-serif | Partially | Sets a serif font that has to be loaded first |
.font-mono | Partially | Sets a mono font that has to be loaded first |
.text-left | Yes | |
.text-center | Yes | |
.text-right | Yes | |
.text-justify | Yes | |
.italic | Yes | |
.not-italic | Yes | |
.whitespace-normal / .whitespace-* | Partially | whitespace-pre-line is not supported in cohtml |
.tracking-tighter | Yes | |
.tracking-tight | Yes | |
.tracking-normal | Yes | |
.tracking-wide | Yes | |
.tracking-wider | Yes | |
.tracking-widest | Yes | |
Text color | ||
.text-transparent | No | Not supported for the same reason as the background-color |
.text-current | No | No support for the currentcolor keyword |
.text-black | No | Not supported for the same reason as the background-color |
.text-white | No | Not supported for the same reason as the background-color |
.text-gray-100 | No | Not supported for the same reason as the background-color |
.text-gray-200 | No | Not supported for the same reason as the background-color |
.text-gray-300 | No | Not supported for the same reason as the background-color |
.text-gray-400 | No | Not supported for the same reason as the background-color |
.text-gray-500 | No | Not supported for the same reason as the background-color |
.text-gray-600 | No | Not supported for the same reason as the background-color |
.text-gray-700 | No | Not supported for the same reason as the background-color |
.text-gray-800 | No | Not supported for the same reason as the background-color |
.text-gray-900 | No | Not supported for the same reason as the background-color |
.text-red-100 | No | Not supported for the same reason as the background-color |
.text-red-200 | No | Not supported for the same reason as the background-color |
.text-red-300 | No | Not supported for the same reason as the background-color |
.text-red-400 | No | Not supported for the same reason as the background-color |
.text-red-500 | No | Not supported for the same reason as the background-color |
.text-red-600 | No | Not supported for the same reason as the background-color |
.text-red-700 | No | Not supported for the same reason as the background-color |
.text-red-800 | No | Not supported for the same reason as the background-color |
.text-red-900 | No | Not supported for the same reason as the background-color |
.text-orange-100 | No | Not supported for the same reason as the background-color |
.text-orange-200 | No | Not supported for the same reason as the background-color |
.text-orange-300 | No | Not supported for the same reason as the background-color |
.text-orange-400 | No | Not supported for the same reason as the background-color |
.text-orange-500 | No | Not supported for the same reason as the background-color |
.text-orange-600 | No | Not supported for the same reason as the background-color |
.text-orange-700 | No | Not supported for the same reason as the background-color |
.text-orange-800 | No | Not supported for the same reason as the background-color |
.text-orange-900 | No | Not supported for the same reason as the background-color |
.text-yellow-100 | No | Not supported for the same reason as the background-color |
.text-yellow-200 | No | Not supported for the same reason as the background-color |
.text-yellow-300 | No | Not supported for the same reason as the background-color |
.text-yellow-400 | No | Not supported for the same reason as the background-color |
.text-yellow-500 | No | Not supported for the same reason as the background-color |
.text-yellow-600 | No | Not supported for the same reason as the background-color |
.text-yellow-700 | No | Not supported for the same reason as the background-color |
.text-yellow-800 | No | Not supported for the same reason as the background-color |
.text-yellow-900 | No | Not supported for the same reason as the background-color |
.text-green-100 | No | Not supported for the same reason as the background-color |
.text-green-200 | No | Not supported for the same reason as the background-color |
.text-green-300 | No | Not supported for the same reason as the background-color |
.text-green-400 | No | Not supported for the same reason as the background-color |
.text-green-500 | No | Not supported for the same reason as the background-color |
.text-green-600 | No | Not supported for the same reason as the background-color |
.text-green-700 | No | Not supported for the same reason as the background-color |
.text-green-800 | No | Not supported for the same reason as the background-color |
.text-green-900 | No | Not supported for the same reason as the background-color |
.text-teal-100 | No | Not supported for the same reason as the background-color |
.text-teal-200 | No | Not supported for the same reason as the background-color |
.text-teal-300 | No | Not supported for the same reason as the background-color |
.text-teal-400 | No | Not supported for the same reason as the background-color |
.text-teal-500 | No | Not supported for the same reason as the background-color |
.text-teal-600 | No | Not supported for the same reason as the background-color |
.text-teal-700 | No | Not supported for the same reason as the background-color |
.text-teal-800 | No | Not supported for the same reason as the background-color |
.text-teal-900 | No | Not supported for the same reason as the background-color |
.text-blue-100 | No | Not supported for the same reason as the background-color |
.text-blue-200 | No | Not supported for the same reason as the background-color |
.text-blue-300 | No | Not supported for the same reason as the background-color |
.text-blue-400 | No | Not supported for the same reason as the background-color |
.text-blue-500 | No | Not supported for the same reason as the background-color |
.text-blue-600 | No | Not supported for the same reason as the background-color |
.text-blue-700 | No | Not supported for the same reason as the background-color |
.text-blue-800 | No | Not supported for the same reason as the background-color |
.text-blue-900 | No | Not supported for the same reason as the background-color |
.text-indigo-100 | No | Not supported for the same reason as the background-color |
.text-indigo-200 | No | Not supported for the same reason as the background-color |
.text-indigo-300 | No | Not supported for the same reason as the background-color |
.text-indigo-400 | No | Not supported for the same reason as the background-color |
.text-indigo-500 | No | Not supported for the same reason as the background-color |
.text-indigo-600 | No | Not supported for the same reason as the background-color |
.text-indigo-700 | No | Not supported for the same reason as the background-color |
.text-indigo-800 | No | Not supported for the same reason as the background-color |
.text-indigo-900 | No | Not supported for the same reason as the background-color |
.text-purple-100 | No | Not supported for the same reason as the background-color |
.text-purple-200 | No | Not supported for the same reason as the background-color |
.text-purple-300 | No | Not supported for the same reason as the background-color |
.text-purple-400 | No | Not supported for the same reason as the background-color |
.text-purple-500 | No | Not supported for the same reason as the background-color |
.text-purple-600 | No | Not supported for the same reason as the background-color |
.text-purple-700 | No | Not supported for the same reason as the background-color |
.text-purple-800 | No | Not supported for the same reason as the background-color |
.text-purple-900 | No | Not supported for the same reason as the background-color |
.text-pink-100 | No | Not supported for the same reason as the background-color |
.text-pink-200 | No | Not supported for the same reason as the background-color |
.text-pink-300 | No | Not supported for the same reason as the background-color |
.text-pink-400 | No | Not supported for the same reason as the background-color |
.text-pink-500 | No | Not supported for the same reason as the background-color |
.text-pink-600 | No | Not supported for the same reason as the background-color |
.text-pink-700 | No | Not supported for the same reason as the background-color |
.text-pink-900 | No | Not supported for the same reason as the background-color |
.text-pink-800 | No | Not supported for the same reason as the background-color |
.text-blue-50 | No | Not supported for the same reason as the background-color |
.text-gray-50 | No | Not supported for the same reason as the background-color |
.text-green-50 | No | Not supported for the same reason as the background-color |
.text-indigo-50 | No | Not supported for the same reason as the background-color |
.text-opacity-10 | No | Not supported for the same reason as the background-color |
.text-pink-50 | No | Not supported for the same reason as the background-color |
.text-purple-50 | No | Not supported for the same reason as the background-color |
.text-red-50 | No | Not supported for the same reason as the background-color |
.text-yellow-50 | No | Not supported for the same reason as the background-color |
Transform | ||
.transform / .transform-none | Yes | |
.origin-center / .origin-* | Yes | |
.translate-x-0 | Yes | |
.translate-x-1 | Yes | |
.translate-x-2 | Yes | |
.translate-x-3 | Yes | |
.translate-x-4 | Yes | |
.translate-x-5 | Yes | |
.translate-x-6 | Yes | |
.translate-x-8 | Yes | |
.translate-x-10 | Yes | |
.translate-x-12 | Yes | |
.translate-x-16 | Yes | |
.translate-x-20 | Yes | |
.translate-x-24 | Yes | |
.translate-x-32 | Yes | |
.translate-x-40 | Yes | |
.translate-x-48 | Yes | |
.translate-x-56 | Yes | |
.translate-x-64 | Yes | |
.translate-x-px | Yes | |
.translate-x-1/2 | Yes | |
.translate-x-full | Yes | |
.translate-y-0 | Yes | |
.translate-y-1 | Yes | |
.translate-y-2 | Yes | |
.translate-y-3 | Yes | |
.translate-y-4 | Yes | |
.translate-y-5 | Yes | |
.translate-y-6 | Yes | |
.translate-y-8 | Yes | |
.translate-y-10 | Yes | |
.translate-y-12 | Yes | |
.translate-y-16 | Yes | |
.translate-y-20 | Yes | |
.translate-y-24 | Yes | |
.translate-y-32 | Yes | |
.translate-y-40 | Yes | |
.translate-y-48 | Yes | |
.translate-y-56 | Yes | |
.translate-y-64 | Yes | |
.translate-y-px | Yes | |
.translate-y-1/2 | Yes | |
.translate-y-full | Yes | |
.-translate-x-1 | Yes | |
.-translate-x-2 | Yes | |
.-translate-x-3 | Yes | |
.-translate-x-4 | Yes | |
.-translate-x-5 | Yes | |
.-translate-x-6 | Yes | |
.-translate-x-8 | Yes | |
.-translate-x-10 | Yes | |
.-translate-x-12 | Yes | |
.-translate-x-16 | Yes | |
.-translate-x-20 | Yes | |
.-translate-x-24 | Yes | |
.-translate-x-32 | Yes | |
.-translate-x-40 | Yes | |
.-translate-x-48 | Yes | |
.-translate-x-56 | Yes | |
.-translate-x-64 | Yes | |
.-translate-x-px | Yes | |
.-translate-x-1/2 | Yes | |
.-translate-x-full | Yes | |
.-translate-y-1 | Yes | |
.-translate-y-2 | Yes | |
.-translate-y-3 | Yes | |
.-translate-y-4 | Yes | |
.-translate-y-5 | Yes | |
.-translate-y-6 | Yes | |
.-translate-y-8 | Yes | |
.-translate-y-10 | Yes | |
.-translate-y-12 | Yes | |
.-translate-y-16 | Yes | |
.-translate-y-20 | Yes | |
.-translate-y-24 | Yes | |
.-translate-y-32 | Yes | |
.-translate-y-40 | Yes | |
.-translate-y-48 | Yes | |
.-translate-y-56 | Yes | |
.-translate-y-64 | Yes | |
.-translate-y-px | Yes | |
.-translate-y-1/2 | Yes | |
.-translate-y-full | Yes | |
.scale-0 / .scale-* | Yes | |
.scale-x-0 | Yes | |
.scale-x-50 | Yes | |
.scale-x-75 | Yes | |
.scale-x-90 | Yes | |
.scale-x-95 | Yes | |
.scale-x-100 | Yes | |
.scale-x-105 | Yes | |
.scale-x-110 | Yes | |
.scale-x-125 | Yes | |
.scale-x-150 | Yes | |
.scale-y-0 | Yes | |
.scale-y-50 | Yes | |
.scale-y-75 | Yes | |
.scale-y-90 | Yes | |
.scale-y-95 | Yes | |
.scale-y-100 | Yes | |
.scale-y-105 | Yes | |
.scale-y-110 | Yes | |
.scale-y-125 | Yes | |
.scale-y-150 | Yes | |
Yes | ||
.rotate-45 | Yes | |
.rotate-90 | Yes | |
.rotate-180 | Yes | |
.-rotate-45 | Yes | |
.-rotate-90 | Yes | |
.-rotate-180 | Yes | |
.skew-x-0 | Yes | |
.skew-x-3 | Yes | |
.skew-x-6 | Yes | |
.skew-x-12 | Yes | |
.skew-y-0 | Yes | |
.skew-y-3 | Yes | |
.skew-y-6 | Yes | |
.skew-y-12 | Yes | |
.-skew-x-3 | Yes | |
.-skew-x-6 | Yes | |
.-skew-x-12 | Yes | |
.-skew-y-3 | Yes | |
.-skew-y-6 | Yes | |
.-skew-y-12 | Yes | |
.diagonal-fractions | Yes | |
.rotate-1 | Yes | |
.skew-x-1 | Yes | |
.skew-x-2 | Yes | |
.skew-y-1 | Yes | |
.skew-y-2 | Yes | |
.transform-gpu | Yes | |
.translate-x-11 | Yes | |
.translate-y-11 | Yes | |
Typography | ||
.font-extralight | Yes | |
.text-7xl | Yes | |
.text-8xl | Yes | |
.text-9xl | Yes | |
Utilities | ||
.cursor-auto | Partially | Has to be implemented from C++ |
.cursor-default | Partially | Has to be implemented from C++ |
.cursor-move | Partially | Has to be implemented from C++ |
.cursor-pointer | Partially | Has to be implemented from C++ |
.cursor-text | Partially | Has to be implemented from C++ |
.cursor-wait | Partially | Has to be implemented from C++ |
.cursor-not-allowed | Partially | Has to be implemented from C++ |
.appearance-none | No | No support for appearance in cohtml |
.placeholder-transparent::placeholder | No | No support for placeholders in cohtml |
.placeholder-current::placeholder | No | No support for placeholders in cohtml |
.placeholder-black::placeholder | No | No support for placeholders in cohtml |
.placeholder-white::placeholder | No | No support for placeholders in cohtml |
.placeholder-gray-600::placeholder | No | No support for placeholders in cohtml |
.placeholder-red-600::placeholder | No | No support for placeholders in cohtml |
.placeholder-orange-600::placeholder | No | No support for placeholders in cohtml |
.placeholder-yellow-600::placeholder | No | No support for placeholders in cohtml |
.placeholder-green-600::placeholder | No | No support for placeholders in cohtml |
.placeholder-teal-600::placeholder | No | No support for placeholders in cohtml |
.placeholder-blue-600::placeholder | No | No support for placeholders in cohtml |
.placeholder-indigo-600::placeholder | No | No support for placeholders in cohtml |
.placeholder-purple-600::placeholder | No | No support for placeholders in cohtml |
.placeholder-pink-600::placeholder | No | No support for placeholders in cohtml |
.placeholder-gray-100::placeholder | No | No support for placeholders in cohtml |
.placeholder-gray-200::placeholder | No | No support for placeholders in cohtml |
.placeholder-gray-300::placeholder | No | No support for placeholders in cohtml |
.placeholder-gray-400::placeholder | No | No support for placeholders in cohtml |
.placeholder-gray-500::placeholder | No | No support for placeholders in cohtml |
.placeholder-gray-600::placeholder | No | No support for placeholders in cohtml |
.placeholder-gray-700::placeholder | No | No support for placeholders in cohtml |
.placeholder-gray-800::placeholder | No | No support for placeholders in cohtml |
.placeholder-gray-900::placeholder | No | No support for placeholders in cohtml |
.placeholder-opacity-0 | No | No support for placeholders in cohtml |
.placeholder-opacity-25 | No | No support for placeholders in cohtml |
.placeholder-opacity-50 | No | No support for placeholders in cohtml |
.placeholder-opacity-75 | No | No support for placeholders in cohtml |
.placeholder-opacity-100 | No | No support for placeholders in cohtml |
.outline-none | No | No support for outline |
.overflow-hidden / .overflow-* | Yes | |
.scrolling-touch / .scrolling-auto | No | No support for touch |
.pointer-events-none | Yes | |
.pointer-events-auto | Yes | |
.resize | No | No support for the resize property |
.resize-none | No | No support for the resize property |
.resize-y | No | No support for the resize property |
.resize-x | No | No support for the resize property |
.select-none | No | No support for the select property in cohtml |
.select-text | No | No support for the select property in cohtml |
.select-all | No | No support for the select property in cohtml |
.select-auto | No | No support for the select property in cohtml |
.placeholder-blue-100 | No | No support for placeholders in cohtml |
.placeholder-current | No | No support for placeholders in cohtml |
.placeholder-gray-100 | No | No support for placeholders in cohtml |
.placeholder-green-100 | No | No support for placeholders in cohtml |
.placeholder-indigo-100 | No | No support for placeholders in cohtml |
.placeholder-opacity-10 | No | No support for placeholders in cohtml |
.placeholder-pink-100 | No | No support for placeholders in cohtml |
.placeholder-purple-100 | No | No support for placeholders in cohtml |
.placeholder-red-100 | No | No support for placeholders in cohtml |
.placeholder-transparent | No | No support for placeholders in cohtml |
.placeholder-white | No | No support for placeholders in cohtml |
.placeholder-yellow-100 | No | No support for placeholders in cohtml |
Visibility | ||
.opacity-100 | Yes | |
.opacity-75 | Yes | |
.opacity-50 | Yes | |
.opacity-25 | Yes | |
.opacity-0 | Yes | |
.visible | Yes | |
.invisible | Yes | |
.sr-only / .not-sr-only | Yes | |
Width | ||
.w-0 | Yes | |
.w-1 | Yes | |
.w-2 | Yes | |
.w-3 | Yes | |
.w-4 | Yes | |
.w-5 | Yes | |
.w-6 | Yes | |
.w-8 | Yes | |
.w-10 | Yes | |
.w-12 | Yes | |
.w-16 | Yes | |
.w-20 | Yes | |
.w-24 | Yes | |
.w-32 | Yes | |
.w-40 | Yes | |
.w-48 | Yes | |
.w-56 | Yes | |
.w-64 | Yes | |
.w-auto | Yes | |
.w-px | Yes | |
.w-full | Yes | |
.w-screen | Yes | |
.w-1/2 | Yes | |
.w-1/3 | Yes | |
.w-2/3 | Yes | |
.w-1/4 | Yes | |
.w-2/4 | Yes | |
.w-3/4 | Yes | |
.w-1/5 | Yes | |
.w-2/5 | Yes | |
.w-3/5 | Yes | |
.w-4/5 | Yes | |
.w-1/6 | Yes | |
.w-2/6 | Yes | |
.w-3/6 | Yes | |
.w-4/6 | Yes | |
.w-5/6 | Yes | |
.w-1/12 | Yes | |
.w-2/12 | Yes | |
.w-3/12 | Yes | |
.w-4/12 | Yes | |
.w-5/12 | Yes | |
.w-6/12 | Yes | |
.w-7/12 | Yes | |
.w-8/12 | Yes | |
.w-9/12 | Yes | |
.w-10/12 | Yes | |
.w-11/12 | Yes | |
.max-w-xs | Yes | |
.max-w-sm | Yes | |
.max-w-md | Yes | |
.max-w-lg | Yes | |
.max-w-xl | Yes | |
.max-w-2xl | Yes | |
.max-w-3xl | Yes | |
.max-w-4xl | Yes | |
.max-w-5xl | Yes | |
.max-w-6xl | Yes | |
.max-w-full | Yes | |
.max-w-screen-sm | Yes | |
.max-w-screen-md | Yes | |
.max-w-screen-lg | Yes | |
.max-w-screen-xl | Yes | |
.max-w-none | Yes | |
.min-w-0 | Yes | |
.min-w-full | Yes | |
.max-h-0 | Yes | |
.max-w-0 | Yes | |
.max-w-7xl | Yes | |
.max-w-max | Yes | |
.max-w-min | Yes | |
.max-w-prose | Yes | |
.max-w-screen-2xl | Yes | |
.min-w-max | Yes | |
.min-w-min | Yes | |
.w-11 | Yes |