Sass - Visão geral

O que é SASS?

SASS (Syntactically Awesome Stylesheet) é um pré-processador CSS, que ajuda a reduzir a repetição com CSS e economiza tempo. É uma linguagem de extensão CSS mais estável e poderosa que descreve o estilo de um documento de forma clara e estrutural.

Foi inicialmente projetado por Hampton Catlin e desenvolvido por Natalie Weizenbaum em 2006. Mais tarde, Weizenbaum e Chris Eppstein usou sua versão inicial para estender o Sass com SassScript.

Por que usar o SASS?

É uma linguagem de pré-processamento que fornece sintaxe indentada (sua própria sintaxe) para CSS.
Ele fornece alguns recursos, que são usados para criar folhas de estilo que permitem escrever código com mais eficiência e são fáceis de manter.
É um superconjunto de CSS, o que significa que contém todos os recursos do CSS e é um pré-processador de código aberto, codificado em Ruby.
Ele fornece o estilo do documento em um formato bom e estruturado do que o CSS simples. Ele usa métodos reutilizáveis, declarações lógicas e algumas das funções integradas, como manipulação de cores, matemática e listas de parâmetros.

Características do SASS

É mais estável, poderoso e compatível com versões de CSS.
É um superconjunto de CSS e é baseado em JavaScript.
É conhecido como açúcar sintático para CSS, o que significa que torna mais fácil para o usuário ler ou expressar as coisas de forma mais clara.
Ele usa sua própria sintaxe e compila em CSS legível.
Você pode escrever CSS facilmente em menos código em menos tempo.
É um pré-processador de código aberto, que é interpretado em CSS.

Vantagens do SASS

Ele permite escrever CSS limpo em uma construção de programação.
Ajuda a escrever CSS rapidamente.
É um superconjunto de CSS, que ajuda designers e desenvolvedores a trabalhar com mais eficiência e rapidez.
Como o Sass é compatível com todas as versões de CSS, podemos usar qualquer biblioteca CSS disponível.
É possível usar sintaxe aninhada e funções úteis, como manipulação de cores, matemática e outros valores.

Desvantagens do SASS

Leva tempo para um desenvolvedor aprender os novos recursos presentes neste pré-processador.
Se muitas pessoas estão trabalhando no mesmo site, deve-se usar o mesmo pré-processador. Algumas pessoas usam Sass e outras usam CSS para editar os arquivos diretamente. Portanto, fica difícil trabalhar no local.
Há chances de perder os benefícios do inspetor de elemento embutido do navegador.