O que veremos nesse curso
* Pré processadores CSS, como:
SASS e LESS
* Variáveis, loopings, Funções e opreações para Pré-processadores CSS.
* PostCSS
* Shadow DOW
* Styled Components
* CSS Modules
* O CSS, não possui dinamismo e outros recursos.
* Se o programa possuir muitos código, fica mais complicado ajustar todo CSS.
O que são Pré-processadores:
* São interpretadores de códigos.
* Permiti gerar CSS apartir de um aquivo de outra sintaxe, conforme o pré-processador utilizado.
* Leem todo código gerado e converte para CSS.
* Possui funcionalidades que não existe no CSS puro, por exemplo herança.
Bons exemplos, de pré-processadores são:
* Less
* Sass
* Stylus
Vantagens e Desvantagens de usar os pré-processadores
* A maioria permite a criação de variáveis, Condicionais, Repetiçao, Imports /Externas, Funções e Mixins.
* Facilita a manutenção do código.
* Permite um código mais limpo.
* Códigos CSS flexíveis e reutilizáveis.
Desvantagens
* Aumento de complexidade em relação ao CSS puro.
* Baixo desempenho devido a complexidade.