[Curso CSS3 com Sass e Compass] Aula 09: Trabalhando com Herança
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

[Curso CSS3 com Sass e Compass] Aula 09: Trabalhando com Herança

  • 941 views
Uploaded on

http://www.loiane.com/2014/02/curso-css3-com-sass-e-compass-aula-09-trabalhando-com-heranca/

http://www.loiane.com/2014/02/curso-css3-com-sass-e-compass-aula-09-trabalhando-com-heranca/

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
941
On Slideshare
563
From Embeds
378
Number of Embeds
4

Actions

Shares
Downloads
10
Comments
0
Likes
1

Embeds 378

http://www.loiane.com 369
http://feedly.com 7
http://plus.url.google.com 1
http://www.feedspot.com 1

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: Herança #9
  • 2. Agenda! • Herança! • Quando Usar!
  • 3. Requisitos! • Ruby! • Gem Sass! • Editor Texto! • Scout IDE ou terminal!
  • 4. O que é Herança! Através da herança um estilo pode herdar as propriedades de outro estilo
  • 5. Usando Herança! @extend! .loud { ! font-weight: bold; ! }! ! .quiet { ! font-weight: lighter; ! }! ! .angry { ! @extend .loud; ! color: red; ! }!
  • 6. CSS! .loud, .angry { ! font-weight: bold; ! }! .quiet { ! font-weight: lighter; ! }! .angry { ! color: red; ! }!
  • 7. CSS! .loud, .angry { ! font-weight: bold; ! }! .quiet { ! font-weight: lighter; ! }! .angry { ! color: red; ! }! class="angry"
  • 8. CSS! .loud, .angry { ! font-weight: bold; ! }! .quiet { ! font-weight: lighter; ! }! .angry { ! color: red; ! }! class="angry" class="angry loud"
  • 9. Download Código Fonte! https://github.com/loiane/ curso-css3-sass-compass
  • 10. Todas as aulas do curso! http://www.loiane.com/2012/03/curso-onlinecss3-com-sass-e-compass-gratuito/
  • 11. http://loiane.com facebook.com/loianegroner @loiane https://github.com/loiane youtube.com/user/Loianeg
  • 12. Obrigada!