Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] 'extend' nas configurações customizadas

Referente ao curso Tailwind CSS: estilizando a sua página com classes utilitárias, no capítulo Alura Newsletter e atividade Customizações no Tailwind CSS

por Dara Lahm Perini
| 112.5k xp | 25 posts

Não entendi para que serve o 'extend' dentro das configurações customizadas das propriedades do tailwind. Alguém consegue me explicar?

    <script>
      tailwind.config = {
        theme: {
          extend: { //Não entendi essa parte do código
            colors: {
              azul: {
                claro: "#C5DFFF",
                escuro: "#061E3C",
                hover: "#1057B0",
              },
            },
            fontFamily: {
                inter: ['Inter', 'sans-serif']
            },
          },
        },
      };
    </script>
1 resposta
solução!
por Wallysson M Vieira
| 47.3k xp | 2 posts

Oi Dara! Entrei para responder outras dúvidas que resolvi e acabei vendo seu comentário, pelo que li na documentação, nessa página sobre os temas https://tailwindcss.com/docs/theme#extending-the-default-theme , o Extend é uma configuração que permite adicionar novas padronizações, semelhante ao root, e deixar o tema "padrão" da sua página preservado caso a estilização dê algum erro, sendo assim o Extend é como ele dá a entender, uma extensão de seus estilos, podendo adicionar estlização personalizada de uma maneira similar ao root dentro do tailwind.