Skip to content

mateuscdomingos/site_sass

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Site SASS

Site desenvolvido no curso CSS com SASS da Origamid (https://www.origamid.com/curso/css-com-sass/) para estudo.

Conteúdo

  • O que é SASS - Introdução
  • SASS vs SCSS - Diferença entre SASS e SCSS: SASS respeita identação, ponto e vírgula
  • Import - Importar arquivos no sass
  • Variáveis - Criando e usando variáveis
  • Nesting - Colocar um seletor dentro do outro, caractere '&'
  • Mixins - Código que encapsula valores e pode ser reaproveitado através do @include, explicando o @content
  • Extend - extend classe css
  • Operadores - Soma, subtração, multiplicação, divisão (de pixels, por exemplo)
  • Condicionais - if,
  • Funções - Funções do sass e como criá-las
  • Loop - Explicando @for e @while
  • Import para organizar - Transformando arquivos do bitcraft em scss e importando em um scss principal
  • Variáveis Cores - Alterar as cores dos arquivos scss para usar variáveis
  • Mixins Tipografia - Alterar tamanho e fonte dos arquivos scss para serem obtidos por @mixin
  • Grid - Cração de Grid com scss
  • Criação do site Le Scone

Link do Site

https://mateuscastro.github.io/site_sass/

About

Site com scss do curso CSS com SASS Origamid

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published