13

O casamento perfeito: SASS e CSS

#CSS
Thiago Guedes
Thiago Guedes
SASS é uma linguagem de extensão ao CSS que dá um controle mais profissional e dinâmico para suas folhas de estilo, utilizando-o como um framework para compor o design de uma página.

O CSS você já conhece: folhas de estilos baseadas em tags HTML,id e classes;
sua sintaxe é bem simples e fácil de entender, mas falta dinamismo. Por exemplo, para construir padrões mais complexos ou evitar repetições ao longo da folha.

Para resolver este problema existe o SASS, uma poderosa extensão da linguagem CSS que permite uma escrita profissional e completa escrevendo nossas folhas de estilo de forma muito mais dinâmica e produtiva.
Compatível com todas as versões do CSS e é utilizada pelo tema padrão do Magento a partir da versão 1.9, você escreve sua folha de estilo em SASS e utiliza um conversor para o CSS padrão, a extensão utilizada passa a ser o .scss ( e um compilador para transformar o scss em css), assim podemos deixar nosso arquivo CSS sempre compacto melhorando ainda mais o desempenho das páginas.

Bacana, né?

Acesse este link para ver casos de implementação e saber as vantagens na prática:

https://www.ronaldodiniz.com.br/design/css-sass-vantagens.html

Se te ajudei, dê um UP ^ ali do lado esquerdo (marcando como ÚTIL) pra eu saber!

Sempre posto por aqui então me siga pra gente se ajudar e chegar mais longe.
Conto contigo.

Boas Festas, Inovadores!
0
125

Comentários (1)

0
Mauricio Gebrim

Mauricio Gebrim

07/09/2021 01:13

Não é mais fácil usar Javascript no CSS, como até exemplos do bootstrap, ou o sass tem mais diferenciais?

👨‍💻Community Support Analyst at Digital Innovation One | Oracle Academy Member🌠

Brasil