O documento descreve os passos para instalar o Sass e criar um primeiro arquivo Sass (.scss) em diferentes sistemas operacionais. Ele explica como instalar o Ruby, o gem Sass e compilar o arquivo Sass em CSS no Windows, Linux e Mac e fornece um exemplo simples de código Sass e seu resultado em CSS.

1. Curso
CSS3 com
Sass e Compass:
Instalação +
Hello World
Loiane Groner
http://loiane.com

2. Agenda
• Instalação Sass no Windows
• Instalação Sass no Linux - Ubuntu
• Instalação Sass no Mac OS
• Criar primeiro arquivo Sass
• Compilar Sass em CSS

3. Requisitos
• Ruby
• Gem Sass
• Editor texto
• Terminal (Linux e Mac)
• Terminal Ruby (Windows)

4. Instalação no
Windows

5. • RubyInstaller : http://rubyinstaller.org
• Iniciar -> Acessórios -> Command Prompt
with Ruby
• $ gem install sass

6. Instalação no
Linux - Ubuntu

7. • Abra o terminal
• $ sudo apt-get install ruby1.9.1
• $ sudo gem install sass

8. Instalação no
Mac OS

9. • Ruby já vem instalado
• Abra o terminal
• $ sudo gem install sass

10. el lo Wor ld!
H

11. aula02.scss
.vermelho {
color: red;
}

12. $ sass aula02.scss
.vermelho {
color: red; }

13. .contato {
email: ‘curso@extjs4.com’;
blog: ‘loiane.com’;
facebook: ‘facebook.com/loianegroner’;
twitter: ‘@loiane’;
github: ‘loiane’;
vimeo: ‘loiane’;
youtube: ‘loianeg’;
}

14. Obrigada!