Your SlideShare is downloading. ×
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass

1,267

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
1,267
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Curso CSS3 com Sass e Compass: Importando outros arquivos Sass #7
  • 2. Agenda! • Imports! • Organizando o Código melhor!
  • 3. Requisitos! • Ruby! • Gem Sass! • Editor Texto! • Scout IDE ou terminal!
  • 4. Como funciona!
  • 5. Escopo Variáveis! $link-color: blue;! $link-color: red;! ! a {! color: $link-color;! }!
  • 6. Nested Imports!
  • 7. Nested Imports! tema-azul.scss aside {! background: blue;! color: white;! }!
  • 8. Nested Imports! tema-azul.scss aside {! background: blue;! color: white;! }! .blue-theme {@import "blue-theme"}!
  • 9. Nested Imports! tema-azul.scss .blue-theme {@import "blue-theme"}! aside {! background: blue;! color: white;! }! .blue-theme {! aside {! background: blue;! color: #fff;! }! }!
  • 10. Estudo de Caso! • Sencha
  • 11. Download Código Fonte! https://github.com/loiane/ curso-css3-sass-compass
  • 12. Todas as aulas do curso! http://www.loiane.com/2012/03/curso-onlinecss3-com-sass-e-compass-gratuito/
  • 13. http://loiane.com facebook.com/loianegroner @loiane https://github.com/loiane youtube.com/user/Loianeg
  • 14. Obrigada!

×