![Page 1: Curso CSS3 com Sass e Compass - Aula 03: Sass com Linha de Comando](https://reader034.vdocument.in/reader034/viewer/2022042815/5585855fd8b42abb148b4e0b/html5/thumbnails/1.jpg)
Loiane Gronerhttp://loiane.com
CursoCSS3 com
Sass e Compass:Sass com Linha de
Comando
![Page 2: Curso CSS3 com Sass e Compass - Aula 03: Sass com Linha de Comando](https://reader034.vdocument.in/reader034/viewer/2022042815/5585855fd8b42abb148b4e0b/html5/thumbnails/2.jpg)
Agenda• Compilar Sass em CSS manualmente
• Compilar Sass em CSS automaticamente
• Engenharia Reversa: CSS para SCSS
![Page 3: Curso CSS3 com Sass e Compass - Aula 03: Sass com Linha de Comando](https://reader034.vdocument.in/reader034/viewer/2022042815/5585855fd8b42abb148b4e0b/html5/thumbnails/3.jpg)
Requisitos
• Ruby• Gem Sass• Editor texto• Terminal (Linux e Mac)• Terminal Ruby (Windows)
![Page 4: Curso CSS3 com Sass e Compass - Aula 03: Sass com Linha de Comando](https://reader034.vdocument.in/reader034/viewer/2022042815/5585855fd8b42abb148b4e0b/html5/thumbnails/4.jpg)
.vermelho { color: red;}
aula03.scss
![Page 5: Curso CSS3 com Sass e Compass - Aula 03: Sass com Linha de Comando](https://reader034.vdocument.in/reader034/viewer/2022042815/5585855fd8b42abb148b4e0b/html5/thumbnails/5.jpg)
$ sass aula03.scss
![Page 6: Curso CSS3 com Sass e Compass - Aula 03: Sass com Linha de Comando](https://reader034.vdocument.in/reader034/viewer/2022042815/5585855fd8b42abb148b4e0b/html5/thumbnails/6.jpg)
$ sass --watch curso/sass:curso/css
![Page 7: Curso CSS3 com Sass e Compass - Aula 03: Sass com Linha de Comando](https://reader034.vdocument.in/reader034/viewer/2022042815/5585855fd8b42abb148b4e0b/html5/thumbnails/7.jpg)
$ sass-convert aula03.css aula03.scss
![Page 8: Curso CSS3 com Sass e Compass - Aula 03: Sass com Linha de Comando](https://reader034.vdocument.in/reader034/viewer/2022042815/5585855fd8b42abb148b4e0b/html5/thumbnails/8.jpg)
Download Código Fonte
https://github.com/loiane/curso-css3-sass-compass
![Page 9: Curso CSS3 com Sass e Compass - Aula 03: Sass com Linha de Comando](https://reader034.vdocument.in/reader034/viewer/2022042815/5585855fd8b42abb148b4e0b/html5/thumbnails/9.jpg)
Todas as Aulas do Curso
http://www.loiane.com/2012/03/curso-online-css3-com-sass-e-compass-gratuito/
![Page 10: Curso CSS3 com Sass e Compass - Aula 03: Sass com Linha de Comando](https://reader034.vdocument.in/reader034/viewer/2022042815/5585855fd8b42abb148b4e0b/html5/thumbnails/10.jpg)
.contato { email: ‘[email protected]’; blog: ‘loiane.com’; facebook: ‘facebook.com/loianegroner’; twitter: ‘@loiane’; github: ‘loiane’; vimeo: ‘loiane’; youtube: ‘loianeg’;}
![Page 11: Curso CSS3 com Sass e Compass - Aula 03: Sass com Linha de Comando](https://reader034.vdocument.in/reader034/viewer/2022042815/5585855fd8b42abb148b4e0b/html5/thumbnails/11.jpg)
Obrigada!