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

Loiane Gronerhttp://loiane.com

CursoCSS3 com

Sass e Compass:Instalação + Hello World

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

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 Prompt with Ruby

• $ gem install sass

Instalação no Linux - 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

Hello World!

.vermelho { color: red;}

aula02.scss

$ sass aula02.scss

.vermelho { color: red; }

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

Obrigada!