Tailwind support

Gameface supports the Tailwind animation library. This table lists features and if they are supported.

Works in cohtmlNotes
Animation/Transition properties
.ease-linear / .ease-*Yes
.duration-75Yes
.duration-100Yes
.duration-150Yes
.duration-200Yes
.duration-300Yes
.duration-500Yes
.duration-700Yes
.duration-1000Yes
.delay-75Yes
.delay-100Yes
.delay-150Yes
.delay-200Yes
.delay-300Yes
.delay-500Yes
.delay-700Yes
.delay-1000Yes
.transition / .transition-*Yes
Animations
.animate-bounceYes
.animate-noneYes
.animate-pingYes
.animate-pulseYes
.animate-spinYes
Background
.bg-autoYes
.bg-coverYes
.bg-containYes
.bg-bottomYes
.bg-topYes
.bg-centerYes
.bg-leftYes
.bg-left-bottomYes
.bg-left-topYes
.bg-rightYes
.bg-right-bottomYes
.bg-right-topYes
.bg-fixedNoNo support for background-attachment
.bg-localNoNo support for background-attachment
.bg-scrollNoNo support for background-attachment
.bg-no-repeatYes
.bg-repeatYes
.bg-repeat-xYes
.bg-repeat-yYes
.bg-repeat-roundYes
.bg-repeat-spaceNoNo support for background-repeat: space; defaults back to ‘round’
.bg-opacity-0NoAdds a variable for the bg-color classes which don’t work
.bg-opacity-25NoAdds a variable for the bg-color classes which don’t work
.bg-opacity-50NoAdds a variable for the bg-color classes which don’t work
.bg-opacity-75NoAdds a variable for the bg-color classes which don’t work
.bg-opacity-100NoAdds a variable for the bg-color classes which don’t work
.bg-noneYes
Background clip
.bg-clip-borderNoNo support for the background-clip property
.bg-clip-contentNoNo support for the background-clip property
.bg-clip-paddingNoNo support for the background-clip property
.bg-clip-textNoNo support for the background-clip property
Background color
.bg-transparentYes
.bg-currentNoNo support for the currentcolor keyword
.bg-blackNoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-whiteNoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-gray-100NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-gray-200NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-gray-300NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-gray-400NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-gray-500NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-gray-600NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-gray-700NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-gray-800NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-gray-900NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-red-100NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-red-200NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-red-300NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-red-400NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-red-500NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-red-600NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-red-700NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-red-800NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-red-900NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-orange-100NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-orange-200NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-orange-300NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-orange-400NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-orange-500NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-orange-600NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-orange-700NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-orange-800NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-orange-900NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-yellow-100NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-yellow-200NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-yellow-300NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-yellow-400NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-yellow-500NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-yellow-600NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-yellow-700NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-yellow-800NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-yellow-900NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-green-100NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-green-200NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-green-300NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-green-400NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-green-500NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-green-600NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-green-700NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-green-800NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-green-900NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-teal-100NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-teal-200NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-teal-300NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-teal-400NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-teal-500NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-teal-600NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-teal-700NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-teal-800NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-teal-900NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-blue-100NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-blue-200NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-blue-300NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-blue-400NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-blue-500NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-blue-600NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-blue-700NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-blue-800NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-blue-900NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-indigo-100NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-indigo-200NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-indigo-300NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-indigo-400NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-indigo-500NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-indigo-600NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-indigo-700NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-indigo-800NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-indigo-900NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-purple-100NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-purple-200NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-purple-300NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-purple-400NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-purple-500NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-purple-600NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-purple-700NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-purple-800NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-purple-900NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-pink-100NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-pink-200NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-pink-300NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-pink-400NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-pink-500NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-pink-600NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-pink-700NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-pink-800NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
.bg-pink-900NoColors in the format rgb(255 255 255/ var(--tw-bg-opacity) ) can't be parsed in cohtml
Background gradient
.bg-gradient-to-bYes
.bg-gradient-to-blYes
.bg-gradient-to-brYes
.bg-gradient-to-lYes
.bg-gradient-to-rYes
.bg-gradient-to-tYes
.bg-gradient-to-tlYes
.bg-gradient-to-trYes
.from-blue-100Yes
.from-currentNoNo support for the currentcolor keyword
.from-gray-100Yes
.from-indigo-100Yes
.from-pink-100Yes
.from-purple-100Yes
.from-red-100Yes
.from-transparentYes
.from-whiteYes
.from-yellow-100Yes
.from-transparentYes
.to-blackYes
.to-blue-100Yes
.to-currentYes
.to-gray-100Yes
.to-green-100Yes
.to-indigo-100Yes
.to-pink-100Yes
.to-purple-100Yes
.to-red-100Yes
.to-transparentYes
.to-whiteYes
.to-yellow-100Yes
.top-1Yes
.via-blackYes
.via-blue-100Yes
.via-currentNoNo support for the currentcolor keyword
.via-gray-100Yes
.via-green-100Yes
.via-indigo-100Yes
.via-pink-100Yes
.via-purple-100Yes
.via-red-100Yes
.via-transparentYes
.via-whiteYes
.via-yellow-100Yes
Border color
.border-transparentYes
.border-currentNoNo support for the currentcolor keyword
.border-blackNoUses a CSS variable in the border-color shorthand expression which is not supported
.border-whiteNoUses a CSS variable in the border-color shorthand expression which is not supported
.border-gray-100NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-gray-200NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-gray-300NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-gray-400NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-gray-500NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-gray-600NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-gray-700NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-gray-800NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-gray-900NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-red-100NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-red-200NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-red-300NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-red-400NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-red-500NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-red-600NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-red-700NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-red-800NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-red-900NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-orange-100NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-orange-200NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-orange-300NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-orange-400NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-orange-500NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-orange-600NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-orange-700NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-orange-800NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-orange-900NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-yellow-100NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-yellow-200NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-yellow-300NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-yellow-400NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-yellow-500NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-yellow-600NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-yellow-700NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-yellow-800NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-yellow-900NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-green-100NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-green-200NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-green-300NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-green-400NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-green-500NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-green-600NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-green-700NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-green-800NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-green-900NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-teal-100NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-teal-200NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-teal-300NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-teal-400NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-teal-500NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-teal-600NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-teal-700NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-teal-800NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-teal-900NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-blue-100NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-blue-200NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-blue-300NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-blue-400NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-blue-500NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-blue-600NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-blue-700NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-blue-800NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-blue-900NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-indigo-100NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-indigo-200NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-indigo-300NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-indigo-400NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-indigo-500NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-indigo-600NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-indigo-700NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-indigo-800NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-indigo-900NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-purple-100NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-purple-200NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-purple-300NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-purple-400NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-purple-500NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-purple-600NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-purple-700NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-purple-800NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-purple-900NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-pink-100NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-pink-200NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-pink-300NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-pink-400NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-pink-500NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-pink-600NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-pink-700NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-pink-800NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-pink-900NoUses a CSS variable in the border-color shorthand expression which is not supported
Borders
.border-solidYes
.border-dashedNoNo support for border-style: dashed;
.border-dottedNoNo support for border-style: dotted;
.border-doubleNoNo support for border-style: double;
.border-noneYes
.borderYes
.border-0Yes
.border-2Yes
.border-4Yes
.border-8Yes
.border-*-# / .border-t-2Yes
.border-opacity-25 / border-*-#NoUsed in conjuction with border-color classes and sets the css variable
.divide-xNoUses the :not selector which is not supported in cohtml
.divide-x-0NoUses the :not selector which is not supported in cohtml
.divide-x-2NoUses the :not selector which is not supported in cohtml
.divide-x-4NoUses the :not selector which is not supported in cohtml
.divide-x-8NoUses the :not selector which is not supported in cohtml
.divide-yNoUses the :not selector which is not supported in cohtml
.divide-y-0NoUses the :not selector which is not supported in cohtml
.divide-y-2NoUses the :not selector which is not supported in cohtml
.divide-y-4NoUses the :not selector which is not supported in cohtml
.divide-y-8NoUses the :not selector which is not supported in cohtml
.divide-gray-100 / .divide-*-#NoUses the :not selector which is not supported in cohtml
.divide-x-reverse / .divide-*-reverseNoUses the :not selector which is not supported in cohtml
.divide-opacity-25 / .divide-opacity-*NoUses the :not selector which is not supported in cohtml
.border-collapseNoNo support for tables so no support for border-collapse
.border-separateNoNo support for tables so no support for border-collapse
.rounded / .rounded-*Yes
.border-bYes
.border-b-0Yes
.border-blue-50NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-gray-50NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-green-50NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-indigo-50NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-lYes
.border-l-0Yes
.border-opacity-0NoUsed in conjuction with border-color classes and sets the css variable
.border-pink-50NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-purple-50NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-rYes
.border-r-0Yes
.border-red-50NoUses a CSS variable in the border-color shorthand expression which is not supported
.border-tYes
.border-t-0Yes
.border-yellow-50NoUses a CSS variable in the border-color shorthand expression which is not supported
.rounded-2xlYes
.rounded-3xlYes
.rounded-b-2xlYes
.rounded-b-3xlYes
.rounded-b-xlYes
.rounded-bl-2xlYes
.rounded-bl-3xlYes
.rounded-bl-xlYes
.rounded-br-2xlYes
.rounded-br-3xlYes
.rounded-br-xlYes
.rounded-l-2xlYes
.rounded-l-xlYes
.rounded-r-2xlYes
.rounded-r-3xlYes
.rounded-r-xlYes
.rounded-t-2xlYes
.rounded-t-3xlYes
.rounded-t-xlYes
.rounded-tl-2xlYes
.rounded-tl-3xlYes
.rounded-tl-xlYes
.rounded-tr-2xlYes
.rounded-tr-3xlYes
.rounded-tr-xlYes
.rounded-xlYes
Box
.box-borderPartiallyWon’t work, but the default box-sizing in cohtml is border-box
.box-contentNobox-sizing: content-box; not supported in cohtml
Colors
.bg-blue-50NoColors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml
.bg-gray-50NoColors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml
.bg-green-50NoColors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml
.bg-indigo-50NoColors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml
.bg-opacity-10NoColors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml
.bg-pink-50NoColors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml
.bg-purple-50NoColors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml
.bg-red-50NoColors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml
.bg-yellow-50NoColors the format rgb(255 255 255/ var(–tw-bg-opacity) ) can’t be parsed in cohtml
Display
.blockYes
.hiddenYes
.inlineNoNo support for display: inline
.inline-blockNoNo support for display: inline-block
.inline-flexNoNo support for display: inline-flex
.inline-gridNoNo support for display: inline-grid
.flexYes
.gridNoNo support for display: grid
.flow-rootNoNo support for display: flow-root
Divide
.divide-blackNoUses the :not selector which is not supported in cohtml
.divide-blue-100NoUses the :not selector which is not supported in cohtml
.divide-currentNoUses the :not selector which is not supported in cohtml
.divide-dashedNoUses the :not selector which is not supported in cohtml
.divide-dottedNoUses the :not selector which is not supported in cohtml
.divide-doubbleNoUses the :not selector which is not supported in cohtml
.divide-gray-100NoUses the :not selector which is not supported in cohtml
.divide-green-100NoUses the :not selector which is not supported in cohtml
.divide-indigo-100NoUses the :not selector which is not supported in cohtml
.divide-noneNoUses the :not selector which is not supported in cohtml
.divide-opacity-0NoUses the :not selector which is not supported in cohtml
.divide-pink-100NoUses the :not selector which is not supported in cohtml
.divide-purple-100NoUses the :not selector which is not supported in cohtml
.divide-red-100NoUses the :not selector which is not supported in cohtml
.divide-solidNoUses the :not selector which is not supported in cohtml
.divide-transparentNoUses the :not selector which is not supported in cohtml
.divide-whiteNoUses the :not selector which is not supported in cohtml
.divide-x-reverseNoUses the :not selector which is not supported in cohtml
.divide-y-reverseNoUses the :not selector which is not supported in cohtml
.divide-yellow-100NoUses the :not selector which is not supported in cohtml
Flex
.flex-rowYes
.flex-row-reverseYes
.flex-colYes
.flex-col-reverseYes
.flex-initialYes
.flex-1Yes
.flex-autoYes
.flex-noneYes
.flex-no-wrapYes
.flex-wrapYes
.flex-wrap-reverseYes
.items-stretch / .items-*PartiallyNo support for items-baseline class
.content-start / .content-*PartiallyNo support for content-around, content-evenly, content-around and content-baseline
.justify-start / .justify-*PartiallyNo support for justify-evenly
.self-start / .self-*PartiallyNo support for self-baseline
.flex-grow / .flex-grow-0Noflex-grow supported only as part of flex shorthand
.flex-shrink / .flex-shrink-0Noflex-shrink supported only as part of flex shorthand
.order-1 / .order-*Noorder not supported in cohtml
Flex
.content-aroundNo
.content-betweenNo
.content-centerYes
.content-endYes
.content-evenlyNo
.content-startYes
.contentsNoNo support for display: contents;
.flex-nowrapYes
.justify-items-autoNoNo support for justify-items
.justify-items-centerNoNo support for justify-items
.justify-items-endNoNo support for justify-items
.justify-items-startNoNo support for justify-items
.justify-items-stretchNoNo support for justify-items
.justify-self-autoNoNo support for justify-self
.justify-self-centerNoNo support for justify-self
.justify-self-endNoNo support for justify-self
.justify-self-startNoNo support for justify-self
.justify-self-stretchNoNo support for justify-self
.space-x-7NoUses :not selector which we don’t support
.space-x-pxNoUses :not selector which we don’t support
.space-x-reverseNoUses :not selector which we don’t support
.space-y-pxNoUses :not selector which we don’t support
.space-y-reverseNoUses :not selector which we don’t support
Forms
.focus-withinNoNo support for the :focus-within selector in cohtml
Grid
.col-autoNoNo support for display: grid and any of it’s properties
.col-span-1 / .col-span-*NoNo support for display: grid and any of it’s properties
.col-start-1 / .col-start-*NoNo support for display: grid and any of it’s properties
.col-end-1 / .col-end-*NoNo support for display: grid and any of it’s properties
.gap-0 / .gap-*NoNo support for display: grid and any of it’s properties
.row-gap-0 / .row-gap-*NoNo support for display: grid and any of it’s properties
.col-gap-0 / .col-gap-*NoNo support for display: grid and any of it’s properties
.grid-rows-1 / .grid-rows-*NoNo support for display: grid and any of it’s properties
.grid-cols-1 / .grid-cols-*NoNo support for display: grid and any of it’s properties
.grid-flow-rowNoNo support for display: grid and any of it’s properties
.grid-flow-row-denseNoNo support for display: grid and any of it’s properties
.grid-flow-colNoNo support for display: grid and any of it’s properties
.grid-flow-col-denseNoNo support for display: grid and any of it’s properties
.row-span-1 / .row-span-*NoNo support for display: grid and any of it’s properties
.row-start-autoNoNo support for display: grid and any of it’s properties
.row-start-1NoNo support for display: grid and any of it’s properties
.row-start-2NoNo support for display: grid and any of it’s properties
.row-start-3NoNo support for display: grid and any of it’s properties
.row-start-4NoNo support for display: grid and any of it’s properties
.row-start-5NoNo support for display: grid and any of it’s properties
.row-start-6NoNo support for display: grid and any of it’s properties
.row-start-7NoNo support for display: grid and any of it’s properties
.row-end-autoNoNo support for display: grid and any of it’s properties
.row-end-1NoNo support for display: grid and any of it’s properties
.row-end-2NoNo support for display: grid and any of it’s properties
.row-end-3NoNo support for display: grid and any of it’s properties
.row-end-4NoNo support for display: grid and any of it’s properties
.row-end-5NoNo support for display: grid and any of it’s properties
.row-end-6NoNo support for display: grid and any of it’s properties
.row-end-7NoNo support for display: grid and any of it’s properties
.auto-cols-autoNoNo support for display: grid and any of it’s properties
.auto-cols-frNoNo support for display: grid and any of it’s properties
.auto-cols-maxNoNo support for display: grid and any of it’s properties
.auto-cols-minNoNo support for display: grid and any of it’s properties
.auto-rows-autoNoNo support for display: grid and any of it’s properties
.auto-rows-frNoNo support for display: grid and any of it’s properties
.auto-rows-maxNoNo support for display: grid and any of it’s properties
.auto-rows-minNoNo support for display: grid and any of it’s properties
.auto-rows-minNoNo support for display: grid and any of it’s properties
.col-end-1NoNo support for display: grid and any of it’s properties
.col-end-autoNoNo support for display: grid and any of it’s properties
.col-span-1NoNo support for display: grid and any of it’s properties
.col-span-fullNoNo support for display: grid and any of it’s properties
.col-start-1NoNo support for display: grid and any of it’s properties
.col-start-autoNoNo support for display: grid and any of it’s properties
.gap-0NoNo support for display: grid and any of it’s properties
.gap-pxNoNo support for display: grid and any of it’s properties
.gap-x-0NoNo support for display: grid and any of it’s properties
.gap-x-pxNoNo support for display: grid and any of it’s properties
.gap-y-0NoNo support for display: grid and any of it’s properties
.gap-y-pxNoNo support for display: grid and any of it’s properties
.place-contant-aroundNoNo support for display: grid and any of it’s properties
.place-contant-betweenNoNo support for display: grid and any of it’s properties
.place-contant-centerNoNo support for display: grid and any of it’s properties
.place-contant-endNoNo support for display: grid and any of it’s properties
.place-contant-evenlyNoNo support for display: grid and any of it’s properties
.place-contant-startNoNo support for display: grid and any of it’s properties
.place-contant-stretchNoNo support for display: grid and any of it’s properties
.place-items-autoNoNo support for display: grid and any of it’s properties
.place-items-centerNoNo support for display: grid and any of it’s properties
.place-items-endNoNo support for display: grid and any of it’s properties
.place-items-startNoNo support for display: grid and any of it’s properties
.place-items-stretchNoNo support for display: grid and any of it’s properties
.place-self-autoNoNo support for display: grid and any of it’s properties
.place-self-endNoNo support for display: grid and any of it’s properties
.place-self-startNoNo support for display: grid and any of it’s properties
.place-self-stretchNoNo support for display: grid and any of it’s properties
.row-autoNoNo support for display: grid and any of it’s properties
.row-span-1NoNo support for display: grid and any of it’s properties
.row-span-fullNoNo support for display: grid and any of it’s properties
Group hover
.group-hoverNoWe don’t support any of the pseudo-classes in Tailwind because of the selector they are using
Height
.h-0Yes
.h-1Yes
.h-2Yes
.h-3Yes
.h-4Yes
.h-5Yes
.h-6Yes
.h-8Yes
.h-10Yes
.h-12Yes
.h-16Yes
.h-20Yes
.h-24Yes
.h-32Yes
.h-40Yes
.h-48Yes
.h-56Yes
.h-64Yes
.h-autoYes
.h-pxYes
.h-fullYes
.h-screenYes
.max-h-fullYes
.max-h-screenYes
.min-h-0Yes
.min-h-fullYes
.min-h-screenYes
.max-h-pxYes
List
.list-disc / .list-*NoCohtml doesn’t support lists
.list-inside / .list-outsideNoCohtml doesn’t support lists
Margins
.m-0Yes
.m-1Yes
.m-2Yes
.m-3Yes
.m-4Yes
.m-5Yes
.m-6Yes
.m-8Yes
.m-10Yes
.m-12Yes
.m-16Yes
.m-20Yes
.m-24Yes
.m-32Yes
.m-40Yes
.m-48Yes
.m-56Yes
.m-64Yes
.m-autoNoNo support for auto margins
.m-pxYes
.mb-0Yes
.mb-1Yes
.mb-2Yes
.mb-3Yes
.mb-4Yes
.mb-5Yes
.mb-6Yes
.mb-8Yes
.mb-10Yes
.mb-12Yes
.mb-16Yes
.mb-20Yes
.mb-24Yes
.mb-32Yes
.mb-40Yes
.mb-48Yes
.mb-56Yes
.mb-64Yes
.mb-autoNoNo support for auto margins
.mb-pxYes
.mr-0Yes
.mr-1Yes
.mr-2Yes
.mr-3Yes
.mr-4Yes
.mr-5Yes
.mr-6Yes
.mr-8Yes
.mr-10Yes
.mr-12Yes
.mr-16Yes
.mr-20Yes
.mr-24Yes
.mr-32Yes
.mr-40Yes
.mr-48Yes
.mr-56Yes
.mr-64Yes
.mr-autoNoNo support for auto margins
.mr-pxYes
.mt-0Yes
.mt-1Yes
.mt-2Yes
.mt-3Yes
.mt-4Yes
.mt-5Yes
.mt-6Yes
.mt-8Yes
.mt-10Yes
.mt-12Yes
.mt-16Yes
.mt-20Yes
.mt-24Yes
.mt-32Yes
.mt-40Yes
.mt-48Yes
.mt-56Yes
.mt-64Yes
.mt-autoNoNo support for auto margins
.mt-pxYes
.ml-0Yes
.ml-1Yes
.ml-2Yes
.ml-3Yes
.ml-4Yes
.ml-5Yes
.ml-6Yes
.ml-8Yes
.ml-10Yes
.ml-12Yes
.ml-16Yes
.ml-20Yes
.ml-24Yes
.ml-32Yes
.ml-40Yes
.ml-48Yes
.ml-56Yes
.ml-64Yes
.ml-autoNoNo support for auto margins
.ml-pxYes
.mx-0Yes
.mx-1Yes
.mx-2Yes
.mx-3Yes
.mx-4Yes
.mx-5Yes
.mx-6Yes
.mx-8Yes
.mx-10Yes
.mx-12Yes
.mx-16Yes
.mx-20Yes
.mx-24Yes
.mx-32Yes
.mx-40Yes
.mx-48Yes
.mx-56Yes
.mx-64Yes
.mx-autoNoNo support for auto margins
.mx-pxYes
.my-0Yes
.my-1Yes
.my-2Yes
.my-3Yes
.my-4Yes
.my-5Yes
.my-6Yes
.my-8Yes
.my-10Yes
.my-12Yes
.my-16Yes
.my-20Yes
.my-24Yes
.my-32Yes
.my-40Yes
.my-48Yes
.my-56Yes
.my-64Yes
.my-autoNoNo support for auto margins
.my-pxYes
.-m-1Yes
.-m-2Yes
.-m-3Yes
.-m-4Yes
.-m-5Yes
.-m-6Yes
.-m-8Yes
.-m-10Yes
.-m-12Yes
.-m-16Yes
.-m-20Yes
.-m-24Yes
.-m-32Yes
.-m-40Yes
.-m-48Yes
.-m-56Yes
.-m-64Yes
.-m-pxYes
.-mb-1Yes
.-mb-2Yes
.-mb-3Yes
.-mb-4Yes
.-mb-5Yes
.-mb-6Yes
.-mb-8Yes
.-mb-10Yes
.-mb-12Yes
.-mb-16Yes
.-mb-20Yes
.-mb-24Yes
.-mb-32Yes
.-mb-40Yes
.-mb-48Yes
.-mb-56Yes
.-mb-64Yes
.-mb-pxYes
.-mr-1Yes
.-mr-2Yes
.-mr-3Yes
.-mr-4Yes
.-mr-5Yes
.-mr-6Yes
.-mr-8Yes
.-mr-10Yes
.-mr-12Yes
.-mr-16Yes
.-mr-20Yes
.-mr-24Yes
.-mr-32Yes
.-mr-40Yes
.-mr-48Yes
.-mr-56Yes
.-mr-64Yes
.-mr-pxYes
.-mt-1Yes
.-mt-2Yes
.-mt-3Yes
.-mt-4Yes
.-mt-5Yes
.-mt-6Yes
.-mt-8Yes
.-mt-10Yes
.-mt-12Yes
.-mt-16Yes
.-mt-20Yes
.-mt-24Yes
.-mt-32Yes
.-mt-40Yes
.-mt-48Yes
.-mt-56Yes
.-mt-64Yes
.-mt-pxYes
.-ml-1Yes
.-ml-2Yes
.-ml-3Yes
.-ml-4Yes
.-ml-5Yes
.-ml-6Yes
.-ml-8Yes
.-ml-10Yes
.-ml-12Yes
.-ml-16Yes
.-ml-20Yes
.-ml-24Yes
.-ml-32Yes
.-ml-40Yes
.-ml-48Yes
.-ml-56Yes
.-ml-64Yes
.-ml-pxYes
.-mx-1Yes
.-mx-2Yes
.-mx-3Yes
.-mx-4Yes
.-mx-5Yes
.-mx-6Yes
.-mx-8Yes
.-mx-10Yes
.-mx-12Yes
.-mx-16Yes
.-mx-20Yes
.-mx-24Yes
.-mx-32Yes
.-mx-40Yes
.-mx-48Yes
.-mx-56Yes
.-mx-64Yes
.-mx-pxYes
.-my-1Yes
.-my-2Yes
.-my-3Yes
.-my-4Yes
.-my-5Yes
.-my-6Yes
.-my-8Yes
.-my-10Yes
.-my-12Yes
.-my-16Yes
.-my-20Yes
.-my-24Yes
.-my-32Yes
.-my-40Yes
.-my-48Yes
.-my-56Yes
.-my-64Yes
.-my-pxYes
.mt-11Yes
.mb-11Yes
.ml-11Yes
.mr-11Yes
.mt-11Yes
.mx-11Yes
.my-11Yes
Nums
.lining-numsNoNo support for font-variant-numeric in cohtml
.normal-numsNoNo support for font-variant-numeric in cohtml
.oldstyle-numsNoNo support for font-variant-numeric in cohtml
.stacked-fractionsNoNo support for font-variant-numeric in cohtml
Opacity
.opacity-10Yes
Outline
.outline-blackNoNo support for outline in cohtml
.outline-whiteNoNo support for outline in cohtml
Paddings
.p-0Yes
.p-1Yes
.p-2Yes
.p-3Yes
.p-4Yes
.p-5Yes
.p-6Yes
.p-8Yes
.p-10Yes
.p-12Yes
.p-16Yes
.p-20Yes
.p-24Yes
.p-32Yes
.p-40Yes
.p-48Yes
.p-56Yes
.p-64Yes
.p-pxYes
.pb-0Yes
.pb-1Yes
.pb-2Yes
.pb-3Yes
.pb-4Yes
.pb-5Yes
.pb-6Yes
.pb-8Yes
.pb-10Yes
.pb-12Yes
.pb-16Yes
.pb-20Yes
.pb-24Yes
.pb-32Yes
.pb-40Yes
.pb-48Yes
.pb-56Yes
.pb-64Yes
.pb-pxYes
.pr-0Yes
.pr-1Yes
.pr-2Yes
.pr-3Yes
.pr-4Yes
.pr-5Yes
.pr-6Yes
.pr-8Yes
.pr-10Yes
.pr-12Yes
.pr-16Yes
.pr-20Yes
.pr-24Yes
.pr-32Yes
.pr-40Yes
.pr-48Yes
.pr-56Yes
.pr-64Yes
.pr-pxYes
.pt-0Yes
.pt-1Yes
.pt-2Yes
.pt-3Yes
.pt-4Yes
.pt-5Yes
.pt-6Yes
.pt-8Yes
.pt-10Yes
.pt-12Yes
.pt-16Yes
.pt-20Yes
.pt-24Yes
.pt-32Yes
.pt-40Yes
.pt-48Yes
.pt-56Yes
.pt-64Yes
.pt-pxYes
.pl-0Yes
.pl-1Yes
.pl-2Yes
.pl-3Yes
.pl-4Yes
.pl-5Yes
.pl-6Yes
.pl-8Yes
.pl-10Yes
.pl-12Yes
.pl-16Yes
.pl-20Yes
.pl-24Yes
.pl-32Yes
.pl-40Yes
.pl-48Yes
.pl-56Yes
.pl-64Yes
.pl-pxYes
.px-0Yes
.px-1Yes
.px-2Yes
.px-3Yes
.px-4Yes
.px-5Yes
.px-6Yes
.px-8Yes
.px-10Yes
.px-12Yes
.px-16Yes
.px-20Yes
.px-24Yes
.px-32Yes
.px-40Yes
.px-48Yes
.px-56Yes
.px-64Yes
.px-pxYes
.py-0Yes
.py-1Yes
.py-2Yes
.py-3Yes
.py-4Yes
.py-5Yes
.py-6Yes
.py-8Yes
.py-10Yes
.py-12Yes
.py-16Yes
.py-20Yes
.py-24Yes
.py-32Yes
.py-40Yes
.py-48Yes
.py-56Yes
.py-64Yes
.py-pxYes
.p-11Yes
.pb-11Yes
.pl-11Yes
.pr-11Yes
.pt-11Yes
.px-11Yes
.py-11Yes
Positioning
.align-*NoNo support for vertical-align in cohtml
.clear-leftNoNo support for float and clear
.clear-rightNoNo support for float and clear
.clear-bothNoNo support for float and clear
.clear-noneNoNo support for float and clear
.clearfixNoNo support for float and clear
.float-*NoNo 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-centerNoNo support for object position
.object-bottomNoNo support for object position
.object-leftNoNo support for object position
.object-left-bottomNoNo support for object position
.object-left-topNoNo support for object position
.object-rightNoNo support for object position
.object-right-bottomNoNo support for object position
.object-right-topNoNo support for object position
.object-topNoNo support for object position
.object-contain / .object-*NoNo support for object fit
.z-10 / .z-*Yes
.staticNoNo support for position: static
.relativeYes
.absoluteYes
.fixedYes
.stickyNo
.-bottom-1Yes
.-bottom-pxYes
.-inset-0Yes
.-inset-pxYes
.-inset-x-0Yes
.-inset-y-0Yes
.-inset-y-fullYes
.-inset-y-pxYes
.-left-0Yes
.-left-fullYes
.-left-pxYes
.-right-0Yes
.-right-fullYes
.-right-pxYes
.-rotate-1YesSupported but doesn’t work neither in chrome nor cohtml
.-skew-x-1Yes
.-skew-y-1Yes
.-space-x-0NoUses the not supported :not selector
.-space-x-pxNoUses the not supported :not selector
.-space-y-0NoUses the not supported :not selector
.-space-y-pxNoUses the not supported :not selector
.-top-0Yes
.-top-pxYes
.-translate-x-0Yes
.-translate-x-fullYes
.-translate-x-pxYes
.-translate-y-0Yes
.-translate-y-pxYes
.absoluteYes
.align-baselineNoNo support for vertical-align in cohtml
.align-bottomNoNo support for vertical-align in cohtml
.align-middleNoNo support for vertical-align in cohtml
.align-text-bottomNoNo support for vertical-align in cohtml
.align-text-topNoNo support for vertical-align in cohtml
.align-topNoNo support for vertical-align in cohtml
.bottom-0Yes
.bottom-autoYes
.bottom-fullYes
.bottom-pxYes
.inset-1Yes
.inset-fullYes
.inset-pxYes
.inset-x-1Yes
.inset-x-fullYes
.inset-x-pxYes
.inset-y-1Yes
.inset-y-fullYes
.inset-y-pxYes
.left-1Yes
.left-fullYes
.left-pxYes
.right-1Yes
.right-autoYes
.right-fullYes
.right-pxYes
.top-fullYes
.top-pxYes
Pseudo class
.hoverNoWe don’t support the selector that is used for pseudo-classes
.focusNoWe don’t support the selector that is used for pseudo-classes
Responsive
.containerYes
.sm:NoWe don’t support the selector that is used for media-queries
.md:NoWe don’t support the selector that is used for media-queries
.lg:NoWe don’t support the selector that is used for media-queries
.xl:NoWe don’t support the selector that is used for media-queries
Ring
.ringNoCohtml doesn’t support the colors used for the shadows
.ring-0NoCohtml doesn’t support the colors used for the shadows
.ring-blackNoCohtml doesn’t support the colors used for the shadows
.ring-blue-100NoCohtml doesn’t support the colors used for the shadows
.ring-currentNoCohtml doesn’t support the colors used for the shadows
.ring-gray-100NoCohtml doesn’t support the colors used for the shadows
.ring-green-100NoCohtml doesn’t support the colors used for the shadows
.ring-inding-100NoCohtml doesn’t support the colors used for the shadows
.ring-insetNoCohtml doesn’t support the colors used for the shadows
.ring-offset-0NoCohtml doesn’t support the colors used for the shadows
.ring-offset-blackNoCohtml doesn’t support the colors used for the shadows
.ring-offset-blue-100NoCohtml doesn’t support the colors used for the shadows
.ring-offset-currentNoCohtml doesn’t support the colors used for the shadows
.ring-offset-gray-100NoCohtml doesn’t support the colors used for the shadows
.ring-offset-green-100NoCohtml doesn’t support the colors used for the shadows
.ring-offset-indigo-100NoCohtml doesn’t support the colors used for the shadows
.ring-offset-pink-100NoCohtml doesn’t support the colors used for the shadows
.ring-offset-purple-100NoCohtml doesn’t support the colors used for the shadows
.ring-offset-red-100NoCohtml doesn’t support the colors used for the shadows
.ring-offset-transparentNoCohtml doesn’t support the colors used for the shadows
.ring-offset-whiteNoCohtml doesn’t support the colors used for the shadows
.ring-offset-yellow-100NoCohtml doesn’t support the colors used for the shadows
.ring-opacity-0NoCohtml doesn’t support the colors used for the shadows
.ring-pink-100NoCohtml doesn’t support the colors used for the shadows
.ring-purple-100NoCohtml doesn’t support the colors used for the shadows
.ring-red-100NoCohtml doesn’t support the colors used for the shadows
.ring-transparentNoCohtml doesn’t support the colors used for the shadows
.ring-whiteNoCohtml doesn’t support the colors used for the shadows
.ring-yellow-100NoCohtml doesn’t support the colors used for the shadows
Scroll
.overscroll-containNoNo support for the overscroll-behavior
.overscroll-x-autoNoNo support for the overscroll-behavior
.overscroll-x-containNoNo support for the overscroll-behavior
.overscroll-x-noneNoNo support for the overscroll-behavior
.overscroll-y-autoNoNo support for the overscroll-behavior
.overscroll-y-containNoNo support for the overscroll-behavior
.overscroll-y-noneNoNo support for the overscroll-behavior
Shadows
.shadow-xsNoCohtml can’t seem to resolve the css variables in the box-shadow
.shadow-smNoCohtml can’t seem to resolve the css variables in the box-shadow
.shadowNoCohtml can’t seem to resolve the css variables in the box-shadow
.shadow-mdNoCohtml can’t seem to resolve the css variables in the box-shadow
.shadow-lgNoCohtml can’t seem to resolve the css variables in the box-shadow
.shadow-xlNoCohtml can’t seem to resolve the css variables in the box-shadow
.shadow-2xlNoCohtml can’t seem to resolve the css variables in the box-shadow
.shadow-innerNoCohtml can’t seem to resolve the css variables in the box-shadow
.shadow-outlineNoCohtml can’t seem to resolve the css variables in the box-shadow
.shadow-noneNoCohtml can’t seem to resolve the css variables in the box-shadow
Spacing
.space-x-1 / .space-x-*NoUses the not supported :not selector
.space-y-1 / .space-y-*NoUses the not supported :not selector
.-space-x-1 / .-space-x-*NoUses the not supported :not selector
.-space-y-1 / .-space-y-*NoUses the not supported :not selector
.space-x-reverse / .space-y-reverseNoUses the not supported :not selector
Svg
.fill-currentNoNo support for the currentcolor keyword
.stroke-currentNoNo support for the currentcolor keyword
.stroke-0 / .stroke-*Yes
Table
.tableNoCohtml doesn’t support tables
.table-captionNoCohtml doesn’t support tables
.table-cellNoCohtml doesn’t support tables
.table-columnNoCohtml doesn’t support tables
.table-column-groupNoCohtml doesn’t support tables
.table-footer-groupNoCohtml doesn’t support tables
.table-header-groupNoCohtml doesn’t support tables
.table-row-groupNoCohtml doesn’t support tables
.table-rowNoCohtml doesn’t support tables
.table-auto / .table-fixedNoCohtml doesn’t support tables
Text
.antialiasedNoNo support for -webkit-font-smoothing in cohtml
.subpixel-antialiasedNoNo support for -webkit-font-smoothing in cohtml
.text-opacity-*NoSets a variable for the text-color
.break-normalNoNo support for word-break in cohtml
.break-wordsYes
.break-allNoNo support for word-break in cohtml
.truncateYes
.uppercaseYes
.lowercaseYes
.capitalizeYes
.normal-caseYes
.leading-noneYes
.leading-tightYes
.leading-snugYes
.leading-normalYes
.leading-relaxedYes
.leading-looseYes
.leading-3Yes
.leading-4Yes
.leading-5Yes
.leading-6Yes
.leading-7Yes
.leading-8Yes
.leading-9Yes
.leading-10Yes
.underlineYes
.line-throughYes
.no-underlineYes
.font-hairlineYes
.font-thinYes
.font-lightYes
.font-normalYes
.font-mediumYes
.font-semiboldYes
.font-boldYes
.font-extraboldYes
.font-blackYes
.text-xsYes
.text-smYes
.text-baseYes
.text-lgYes
.text-xlYes
.text-2xlYes
.text-3xlYes
.text-4xlYes
.text-5xlYes
.text-6xlYes
.font-sansPartiallySets a sans serif font that has to be loaded first
.font-serifPartiallySets a serif font that has to be loaded first
.font-monoPartiallySets a mono font that has to be loaded first
.text-leftYes
.text-centerYes
.text-rightYes
.text-justifyYes
.italicYes
.not-italicYes
.whitespace-normal / .whitespace-*Partiallywhitespace-pre-line is not supported in cohtml
.tracking-tighterYes
.tracking-tightYes
.tracking-normalYes
.tracking-wideYes
.tracking-widerYes
.tracking-widestYes
Text color
.text-transparentNoNot supported for the same reason as the background-color
.text-currentNoNo support for the currentcolor keyword
.text-blackNoNot supported for the same reason as the background-color
.text-whiteNoNot supported for the same reason as the background-color
.text-gray-100NoNot supported for the same reason as the background-color
.text-gray-200NoNot supported for the same reason as the background-color
.text-gray-300NoNot supported for the same reason as the background-color
.text-gray-400NoNot supported for the same reason as the background-color
.text-gray-500NoNot supported for the same reason as the background-color
.text-gray-600NoNot supported for the same reason as the background-color
.text-gray-700NoNot supported for the same reason as the background-color
.text-gray-800NoNot supported for the same reason as the background-color
.text-gray-900NoNot supported for the same reason as the background-color
.text-red-100NoNot supported for the same reason as the background-color
.text-red-200NoNot supported for the same reason as the background-color
.text-red-300NoNot supported for the same reason as the background-color
.text-red-400NoNot supported for the same reason as the background-color
.text-red-500NoNot supported for the same reason as the background-color
.text-red-600NoNot supported for the same reason as the background-color
.text-red-700NoNot supported for the same reason as the background-color
.text-red-800NoNot supported for the same reason as the background-color
.text-red-900NoNot supported for the same reason as the background-color
.text-orange-100NoNot supported for the same reason as the background-color
.text-orange-200NoNot supported for the same reason as the background-color
.text-orange-300NoNot supported for the same reason as the background-color
.text-orange-400NoNot supported for the same reason as the background-color
.text-orange-500NoNot supported for the same reason as the background-color
.text-orange-600NoNot supported for the same reason as the background-color
.text-orange-700NoNot supported for the same reason as the background-color
.text-orange-800NoNot supported for the same reason as the background-color
.text-orange-900NoNot supported for the same reason as the background-color
.text-yellow-100NoNot supported for the same reason as the background-color
.text-yellow-200NoNot supported for the same reason as the background-color
.text-yellow-300NoNot supported for the same reason as the background-color
.text-yellow-400NoNot supported for the same reason as the background-color
.text-yellow-500NoNot supported for the same reason as the background-color
.text-yellow-600NoNot supported for the same reason as the background-color
.text-yellow-700NoNot supported for the same reason as the background-color
.text-yellow-800NoNot supported for the same reason as the background-color
.text-yellow-900NoNot supported for the same reason as the background-color
.text-green-100NoNot supported for the same reason as the background-color
.text-green-200NoNot supported for the same reason as the background-color
.text-green-300NoNot supported for the same reason as the background-color
.text-green-400NoNot supported for the same reason as the background-color
.text-green-500NoNot supported for the same reason as the background-color
.text-green-600NoNot supported for the same reason as the background-color
.text-green-700NoNot supported for the same reason as the background-color
.text-green-800NoNot supported for the same reason as the background-color
.text-green-900NoNot supported for the same reason as the background-color
.text-teal-100NoNot supported for the same reason as the background-color
.text-teal-200NoNot supported for the same reason as the background-color
.text-teal-300NoNot supported for the same reason as the background-color
.text-teal-400NoNot supported for the same reason as the background-color
.text-teal-500NoNot supported for the same reason as the background-color
.text-teal-600NoNot supported for the same reason as the background-color
.text-teal-700NoNot supported for the same reason as the background-color
.text-teal-800NoNot supported for the same reason as the background-color
.text-teal-900NoNot supported for the same reason as the background-color
.text-blue-100NoNot supported for the same reason as the background-color
.text-blue-200NoNot supported for the same reason as the background-color
.text-blue-300NoNot supported for the same reason as the background-color
.text-blue-400NoNot supported for the same reason as the background-color
.text-blue-500NoNot supported for the same reason as the background-color
.text-blue-600NoNot supported for the same reason as the background-color
.text-blue-700NoNot supported for the same reason as the background-color
.text-blue-800NoNot supported for the same reason as the background-color
.text-blue-900NoNot supported for the same reason as the background-color
.text-indigo-100NoNot supported for the same reason as the background-color
.text-indigo-200NoNot supported for the same reason as the background-color
.text-indigo-300NoNot supported for the same reason as the background-color
.text-indigo-400NoNot supported for the same reason as the background-color
.text-indigo-500NoNot supported for the same reason as the background-color
.text-indigo-600NoNot supported for the same reason as the background-color
.text-indigo-700NoNot supported for the same reason as the background-color
.text-indigo-800NoNot supported for the same reason as the background-color
.text-indigo-900NoNot supported for the same reason as the background-color
.text-purple-100NoNot supported for the same reason as the background-color
.text-purple-200NoNot supported for the same reason as the background-color
.text-purple-300NoNot supported for the same reason as the background-color
.text-purple-400NoNot supported for the same reason as the background-color
.text-purple-500NoNot supported for the same reason as the background-color
.text-purple-600NoNot supported for the same reason as the background-color
.text-purple-700NoNot supported for the same reason as the background-color
.text-purple-800NoNot supported for the same reason as the background-color
.text-purple-900NoNot supported for the same reason as the background-color
.text-pink-100NoNot supported for the same reason as the background-color
.text-pink-200NoNot supported for the same reason as the background-color
.text-pink-300NoNot supported for the same reason as the background-color
.text-pink-400NoNot supported for the same reason as the background-color
.text-pink-500NoNot supported for the same reason as the background-color
.text-pink-600NoNot supported for the same reason as the background-color
.text-pink-700NoNot supported for the same reason as the background-color
.text-pink-900NoNot supported for the same reason as the background-color
.text-pink-800NoNot supported for the same reason as the background-color
.text-blue-50NoNot supported for the same reason as the background-color
.text-gray-50NoNot supported for the same reason as the background-color
.text-green-50NoNot supported for the same reason as the background-color
.text-indigo-50NoNot supported for the same reason as the background-color
.text-opacity-10NoNot supported for the same reason as the background-color
.text-pink-50NoNot supported for the same reason as the background-color
.text-purple-50NoNot supported for the same reason as the background-color
.text-red-50NoNot supported for the same reason as the background-color
.text-yellow-50NoNot supported for the same reason as the background-color
Transform
.transform / .transform-noneYes
.origin-center / .origin-*Yes
.translate-x-0Yes
.translate-x-1Yes
.translate-x-2Yes
.translate-x-3Yes
.translate-x-4Yes
.translate-x-5Yes
.translate-x-6Yes
.translate-x-8Yes
.translate-x-10Yes
.translate-x-12Yes
.translate-x-16Yes
.translate-x-20Yes
.translate-x-24Yes
.translate-x-32Yes
.translate-x-40Yes
.translate-x-48Yes
.translate-x-56Yes
.translate-x-64Yes
.translate-x-pxYes
.translate-x-1/2Yes
.translate-x-fullYes
.translate-y-0Yes
.translate-y-1Yes
.translate-y-2Yes
.translate-y-3Yes
.translate-y-4Yes
.translate-y-5Yes
.translate-y-6Yes
.translate-y-8Yes
.translate-y-10Yes
.translate-y-12Yes
.translate-y-16Yes
.translate-y-20Yes
.translate-y-24Yes
.translate-y-32Yes
.translate-y-40Yes
.translate-y-48Yes
.translate-y-56Yes
.translate-y-64Yes
.translate-y-pxYes
.translate-y-1/2Yes
.translate-y-fullYes
.-translate-x-1Yes
.-translate-x-2Yes
.-translate-x-3Yes
.-translate-x-4Yes
.-translate-x-5Yes
.-translate-x-6Yes
.-translate-x-8Yes
.-translate-x-10Yes
.-translate-x-12Yes
.-translate-x-16Yes
.-translate-x-20Yes
.-translate-x-24Yes
.-translate-x-32Yes
.-translate-x-40Yes
.-translate-x-48Yes
.-translate-x-56Yes
.-translate-x-64Yes
.-translate-x-pxYes
.-translate-x-1/2Yes
.-translate-x-fullYes
.-translate-y-1Yes
.-translate-y-2Yes
.-translate-y-3Yes
.-translate-y-4Yes
.-translate-y-5Yes
.-translate-y-6Yes
.-translate-y-8Yes
.-translate-y-10Yes
.-translate-y-12Yes
.-translate-y-16Yes
.-translate-y-20Yes
.-translate-y-24Yes
.-translate-y-32Yes
.-translate-y-40Yes
.-translate-y-48Yes
.-translate-y-56Yes
.-translate-y-64Yes
.-translate-y-pxYes
.-translate-y-1/2Yes
.-translate-y-fullYes
.scale-0 / .scale-*Yes
.scale-x-0Yes
.scale-x-50Yes
.scale-x-75Yes
.scale-x-90Yes
.scale-x-95Yes
.scale-x-100Yes
.scale-x-105Yes
.scale-x-110Yes
.scale-x-125Yes
.scale-x-150Yes
.scale-y-0Yes
.scale-y-50Yes
.scale-y-75Yes
.scale-y-90Yes
.scale-y-95Yes
.scale-y-100Yes
.scale-y-105Yes
.scale-y-110Yes
.scale-y-125Yes
.scale-y-150Yes
Yes
.rotate-45Yes
.rotate-90Yes
.rotate-180Yes
.-rotate-45Yes
.-rotate-90Yes
.-rotate-180Yes
.skew-x-0Yes
.skew-x-3Yes
.skew-x-6Yes
.skew-x-12Yes
.skew-y-0Yes
.skew-y-3Yes
.skew-y-6Yes
.skew-y-12Yes
.-skew-x-3Yes
.-skew-x-6Yes
.-skew-x-12Yes
.-skew-y-3Yes
.-skew-y-6Yes
.-skew-y-12Yes
.diagonal-fractionsYes
.rotate-1Yes
.skew-x-1Yes
.skew-x-2Yes
.skew-y-1Yes
.skew-y-2Yes
.transform-gpuYes
.translate-x-11Yes
.translate-y-11Yes
Typography
.font-extralightYes
.text-7xlYes
.text-8xlYes
.text-9xlYes
Utilities
.cursor-autoPartiallyHas to be implemented from C++
.cursor-defaultPartiallyHas to be implemented from C++
.cursor-movePartiallyHas to be implemented from C++
.cursor-pointerPartiallyHas to be implemented from C++
.cursor-textPartiallyHas to be implemented from C++
.cursor-waitPartiallyHas to be implemented from C++
.cursor-not-allowedPartiallyHas to be implemented from C++
.appearance-noneNoNo support for appearance in cohtml
.placeholder-transparent::placeholderNoNo support for placeholders in cohtml
.placeholder-current::placeholderNoNo support for placeholders in cohtml
.placeholder-black::placeholderNoNo support for placeholders in cohtml
.placeholder-white::placeholderNoNo support for placeholders in cohtml
.placeholder-gray-600::placeholderNoNo support for placeholders in cohtml
.placeholder-red-600::placeholderNoNo support for placeholders in cohtml
.placeholder-orange-600::placeholderNoNo support for placeholders in cohtml
.placeholder-yellow-600::placeholderNoNo support for placeholders in cohtml
.placeholder-green-600::placeholderNoNo support for placeholders in cohtml
.placeholder-teal-600::placeholderNoNo support for placeholders in cohtml
.placeholder-blue-600::placeholderNoNo support for placeholders in cohtml
.placeholder-indigo-600::placeholderNoNo support for placeholders in cohtml
.placeholder-purple-600::placeholderNoNo support for placeholders in cohtml
.placeholder-pink-600::placeholderNoNo support for placeholders in cohtml
.placeholder-gray-100::placeholderNoNo support for placeholders in cohtml
.placeholder-gray-200::placeholderNoNo support for placeholders in cohtml
.placeholder-gray-300::placeholderNoNo support for placeholders in cohtml
.placeholder-gray-400::placeholderNoNo support for placeholders in cohtml
.placeholder-gray-500::placeholderNoNo support for placeholders in cohtml
.placeholder-gray-600::placeholderNoNo support for placeholders in cohtml
.placeholder-gray-700::placeholderNoNo support for placeholders in cohtml
.placeholder-gray-800::placeholderNoNo support for placeholders in cohtml
.placeholder-gray-900::placeholderNoNo support for placeholders in cohtml
.placeholder-opacity-0NoNo support for placeholders in cohtml
.placeholder-opacity-25NoNo support for placeholders in cohtml
.placeholder-opacity-50NoNo support for placeholders in cohtml
.placeholder-opacity-75NoNo support for placeholders in cohtml
.placeholder-opacity-100NoNo support for placeholders in cohtml
.outline-noneNoNo support for outline
.overflow-hidden / .overflow-*Yes
.scrolling-touch / .scrolling-autoNoNo support for touch
.pointer-events-noneYes
.pointer-events-autoYes
.resizeNoNo support for the resize property
.resize-noneNoNo support for the resize property
.resize-yNoNo support for the resize property
.resize-xNoNo support for the resize property
.select-noneNoNo support for the select property in cohtml
.select-textNoNo support for the select property in cohtml
.select-allNoNo support for the select property in cohtml
.select-autoNoNo support for the select property in cohtml
.placeholder-blue-100NoNo support for placeholders in cohtml
.placeholder-currentNoNo support for placeholders in cohtml
.placeholder-gray-100NoNo support for placeholders in cohtml
.placeholder-green-100NoNo support for placeholders in cohtml
.placeholder-indigo-100NoNo support for placeholders in cohtml
.placeholder-opacity-10NoNo support for placeholders in cohtml
.placeholder-pink-100NoNo support for placeholders in cohtml
.placeholder-purple-100NoNo support for placeholders in cohtml
.placeholder-red-100NoNo support for placeholders in cohtml
.placeholder-transparentNoNo support for placeholders in cohtml
.placeholder-whiteNoNo support for placeholders in cohtml
.placeholder-yellow-100NoNo support for placeholders in cohtml
Visibility
.opacity-100Yes
.opacity-75Yes
.opacity-50Yes
.opacity-25Yes
.opacity-0Yes
.visibleYes
.invisibleYes
.sr-only / .not-sr-onlyYes
Width
.w-0Yes
.w-1Yes
.w-2Yes
.w-3Yes
.w-4Yes
.w-5Yes
.w-6Yes
.w-8Yes
.w-10Yes
.w-12Yes
.w-16Yes
.w-20Yes
.w-24Yes
.w-32Yes
.w-40Yes
.w-48Yes
.w-56Yes
.w-64Yes
.w-autoYes
.w-pxYes
.w-fullYes
.w-screenYes
.w-1/2Yes
.w-1/3Yes
.w-2/3Yes
.w-1/4Yes
.w-2/4Yes
.w-3/4Yes
.w-1/5Yes
.w-2/5Yes
.w-3/5Yes
.w-4/5Yes
.w-1/6Yes
.w-2/6Yes
.w-3/6Yes
.w-4/6Yes
.w-5/6Yes
.w-1/12Yes
.w-2/12Yes
.w-3/12Yes
.w-4/12Yes
.w-5/12Yes
.w-6/12Yes
.w-7/12Yes
.w-8/12Yes
.w-9/12Yes
.w-10/12Yes
.w-11/12Yes
.max-w-xsYes
.max-w-smYes
.max-w-mdYes
.max-w-lgYes
.max-w-xlYes
.max-w-2xlYes
.max-w-3xlYes
.max-w-4xlYes
.max-w-5xlYes
.max-w-6xlYes
.max-w-fullYes
.max-w-screen-smYes
.max-w-screen-mdYes
.max-w-screen-lgYes
.max-w-screen-xlYes
.max-w-noneYes
.min-w-0Yes
.min-w-fullYes
.max-h-0Yes
.max-w-0Yes
.max-w-7xlYes
.max-w-maxYes
.max-w-minYes
.max-w-proseYes
.max-w-screen-2xlYes
.min-w-maxYes
.min-w-minYes
.w-11Yes