Eduzz UI: Tailwind Theme

Aplica os Tokens de UI da Eduzz no Tailwind.

Instalação

yarn add @eduzz/ui-tailwind-theme

Uso

// tailwind.config.js
import createTheme from '@eduzz/ui-tailwind-theme';

export default createTheme({
  primaryColor: 'eduzz', // Não obrigatório, default var(--eduzz-theme-primary, ${tokens.brands.eduzz.primary.pure})
  primaryColorDark: 'eduzz', // Não obrigatório, default var(--eduzz-theme-primary, ${tokens.brands.eduzz.primary.pure})
  ///...sua configuração do tailwind, tudo poderá ser sobrescrito.
  // Não se preocupe com objectos complexos que ele fará merge de tudo
});

Se utiliizar o @eduzz/ui-antd-theme

O AntD já possui um script de reset.css, então mude as configurações a seguir:

// tailwind.config.js
import createTheme from '@eduzz/ui-tailwind-theme';

export default createTheme({
  corePlugins: { preflight: false } // adicione
});