Curso        CSS3 com     Sass e Compass:       Instalação +       Hello WorldLoiane Gronerhttp://loiane.com
Agenda• Instalação Sass no Windows• Instalação Sass no Linux - Ubuntu• Instalação Sass no Mac OS• Criar primeiro arquivo S...
Requisitos• Ruby• Gem Sass• Editor texto• Terminal (Linux e Mac)• Terminal Ruby (Windows)
Instalação no  Windows
• RubyInstaller : http://rubyinstaller.org• Iniciar -> Acessórios -> Command Promptwith Ruby• $ gem install sass
Instalação noLinux - Ubuntu
• Abra o terminal• $ sudo apt-get install ruby1.9.1• $ sudo gem install sass
Instalação no   Mac OS
• Ruby já vem instalado• Abra o terminal• $ sudo gem install sass
el lo Wor ld!H
aula02.scss.vermelho {    color: red;}
$ sass aula02.scss.vermelho {  color: red; }
.contato {   email: ‘curso@extjs4.com’;   blog: ‘loiane.com’;   facebook: ‘facebook.com/loianegroner’;   twitter: ‘@loiane...
Obrigada!
Upcoming SlideShare
Loading in …5
×

Curso CSS3 com Sass e Compass - Aula 02 - Instalação e Hello World

5,737 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,737
On SlideShare
0
From Embeds
0
Number of Embeds
3,930
Actions
Shares
0
Downloads
85
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Curso CSS3 com Sass e Compass - Aula 02 - Instalação e Hello World

  1. 1. Curso CSS3 com Sass e Compass: Instalação + Hello WorldLoiane Gronerhttp://loiane.com
  2. 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. 3. Requisitos• Ruby• Gem Sass• Editor texto• Terminal (Linux e Mac)• Terminal Ruby (Windows)
  4. 4. Instalação no Windows
  5. 5. • RubyInstaller : http://rubyinstaller.org• Iniciar -> Acessórios -> Command Promptwith Ruby• $ gem install sass
  6. 6. Instalação noLinux - Ubuntu
  7. 7. • Abra o terminal• $ sudo apt-get install ruby1.9.1• $ sudo gem install sass
  8. 8. Instalação no Mac OS
  9. 9. • Ruby já vem instalado• Abra o terminal• $ sudo gem install sass
  10. 10. el lo Wor ld!H
  11. 11. aula02.scss.vermelho { color: red;}
  12. 12. $ sass aula02.scss.vermelho { color: red; }
  13. 13. .contato { email: ‘curso@extjs4.com’; blog: ‘loiane.com’; facebook: ‘facebook.com/loianegroner’; twitter: ‘@loiane’; github: ‘loiane’; vimeo: ‘loiane’; youtube: ‘loianeg’; }
  14. 14. Obrigada!

×