@mayo-ui/tailwind-preset

Mayo UI

tailwindcss ready to go preset

Installation

Install the preset first:

yarn add @mayo-ui/tailwind-preset

Then just add preset to your tailwindcss.config.js:

module.exports = {
  presets: [require('@mayo-ui/tailwind-preset')],
}

That's it! Now you're able to use all the design tokens, like .text-headline-01 or .bg-leaf-500.

Notice about mono text styles

If you wanna to use .text-mono-01 or .text-mono-02 don't forget to add .font-mono class too, because we can't apply utilities which potentially don't exist by @apply to our utilities.