Poutine Tailwind Preset

Get Started

Tailwind preset allows you to use poutine design tokens as part of your tailwind utility css setup.

yarn add -D @gr4vy/poutine-tailwind-preset
// npm install --dev @gr4vy/poutine-tailwind-preset

You can add this to your tailwind configuration.

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

You can use the colors, font, spacing and radius utilities.

<div class="text-blue-70 hover:text-blue-90">

We recommend the official tailwind vscode plugin to get editor hints and auto-completion.