Skip to content

geraud01/Sass

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SASS

Referência: https://sass-lang.com/

Introdução a pré-processadores

São ferramentas utilizadas para aumentar a produtividade no desenvolvimento CSS, mantentendo a compatibilidade entre as versões do CSS nos navegadores.

Preprocessamento

  • Processo de interpretação intermediário
  • Antes do processamento do navegador
  • Prevenção de erros
  • Organização
  • Reaproveitamento

Variáveis

  • Facilitam a customização e reaproveitamento

Identação / Hirarquia

  • Estruturação de componentes
  • Herança
  • Evita sobreposição

Partials

  • Modularizar o código
  • snippets

Code Together

  1. ter no node instalado
  2. instalar o sass (https://sass-lang.com/install):
npm install -g sass    
  1. criar projeto ou clonar o repositório
  2. criar ou alterar arquivo style.scss
  3. rodar o comando para processar o css:
sass ./scss/style.scss ./css/style.css 
  1. customizar o projeto
  2. salvar alterações
  3. comitar no seu repositório
  4. enviar o link do repositório para o portal da EBAC

Releases

No releases published

Packages

No packages published