A apresentação introduz o Sass, um pré-processador CSS, e seus principais recursos como variáveis, mixins, nesting, imports, extends, operações matemáticas e controle de diretivas. O palestrante também apresenta suas credenciais e contatos.
2. Globalcode – Open4education
Quem sou eu
Rodrigo Amora
Sou formado em Sistemas de Informação pela
Unigranrio.
Sou Desenvolvedor Web desde 2009.
Sou Desenvolvedor Mobile desde 2011.
6. Globalcode – Open4education
Sass
Sass é um pré-processador CSS, criado com
intuito de facilitar a criação e manutenção de
arquivos CSS;
Versão atual 3.4.22;
Foi feito em Ruby;
9. Globalcode – Open4education
Instalação no Windows
Baixar e executar o instalador o Ruby através do
site: http://rubyinstaller.org/
Colocar o diretório do Ruby no path;
Executar o comando: gem install sass;
28. Globalcode – Open4education
@extend
Este é um dos recursos mais úteis do Sass.
@extend permite herdar as propriedades de uma
classe ou seletor. Ela ajuda a manter o seu .scss
mais simples.
Tem o mesmo conceito de Herança da Orientação
a Objetos;
32. Globalcode – Open4education
@warn
A directiva @warn imprime o valor de uma
expressão do Sass para o fluxo de saída de erro
padrão.
@warn "Assuming #{$x} to be in pixels";
40. Globalcode – Open4education
Controle de Diretivas e
Expressões
O Sass também tem suporte a Controle de
Diretivas e Expressões Regulares com as funções:
@if, @for, @each e @while;