graziellecafe / sass-scss-basic-to-advanced

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

SASS e SCSS básico ao avançado

Introdução

O que é um pré-processador

  • O pré-processador é um software que recebe uma entrada de dados e gera uma saída;
  • Geralmente modificando os dados de uma forma que possa ser aceita por outro software
  • O SASS é um processador CSS
  • Ele recebe instruções avançadas, que não são entendidas pelo CSS e transforma em CSS puro

O que é SASS?

  • O SASS é um pré-processador de CSS
  • Muitas funcionalidades desse recurso vão aumentar nossa produtividade de código para o desenvolvimento web
  • Temos: variáveis, mixins, nestings, herança e muito mais
  • Vários projetos grandes utilizam SASS, como o Bootstrap
  • Com SASS escrevemos menos código e geramos um CSS de qualidade

Benefícios e recursos do SASS

  • Pré-processamento: geração de CSS otimizado e válido
  • Variáveis: reaproveitamento de estilos em todo o projeto, facilidade de manutenção
  • Nesting: encadeamento de seletores de CSS
  • Partials: Divisão de responsabilidades no CSS
  • Mixins: espécie de função, para reaproveitamento de estilo

About