Curso de LESS: CSS simples e produtivo

Faça esse curso de Automação e Performance e:

• Compile seu código LESS com Grunt.
• Use mixins e extensões.
• Facilite a manutenção de seu código.
• Utilize media queries para customizar seus estilos.
• Elimine números mágicos, extenda o CSS e evite repetições.

Conteúdo Detalhado

1. Introdução

   • Isolando valores do CSS com variáveis
   • Compilando LESS e gerando um CSS

2. Funções de cor

   • Modificando as cores com as funções de cor do LESS

3. Grunt

   • Compilando o LESS com o Grunt

4. Mixins

   • Reutilizando código com mixin
   • Passando parâmetros nos mixins
   • Comentando seu LESS

5. Aninhamento

   • Organizando sua hierarquia com regras aninhadas

6. Imports

   • Modularizando seu código com imports
   • Concatenando o CSSs em um só arquivo

7. Extend

   • Não repetindo regra CSS com extend
   • Mixin ou extend? Qual usar?

8. Media query

   • Media queries direto nas regras CSS
   • Media queries dinâmicas com variáveis
   • Melhorando a visualização de sintaxe do LESS

9. Operações matemáticas

   • Multiplicando valores
   • Contas com variáveis