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.