@mayo-ui/tailwind-preset

tailwindcss ready to go preset

Usage no npm install needed!

<script type="module">
  import mayoUiTailwindPreset from 'https://cdn.skypack.dev/@mayo-ui/tailwind-preset';
</script>

README

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.