Repositório apenas para estudo

Tailwind CSS

Implementação ...

Instrutor:

• Documentação

Referências:

Passos

• Instalação com Create React App

  https://tailwindcss.com/docs/guides/create-react-app

• Configuração

  https://tailwindcss.com/docs/configuration

• Customization

  • Theme

    https://tailwindcss.com/docs/theme

  • Colors - Configuração da paleta de cores

    https://tailwindcss.com/docs/customizing-colors

  • Spacing - Personalizando o espaçamento padrão e a escala de dimensionamento

    https://tailwindcss.com/docs/customizing-spacing

    Alteração do padrão de espaçamento. (Último número é decimal, quando >= 2 números)

    Exemplo:

    {
      "4": "0.4rem",
      "5": "0.5rem",
      "16": "1.6rem",
      "20": "2rem",
      "136": "13.6rem",
      "160": "16rem"
    }