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

1,675 views

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,675
On SlideShare
0
From Embeds
0
Number of Embeds
728
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

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

×