[curso css3 com sass e compass] aula 09: trabalhando com herança

Curso CSS3 com

Sass e Compass: Herança

#9

Agenda!• Herança!

• Quando Usar!

Requisitos!• Ruby!

• Gem Sass!

• Editor Texto!

• Scout IDE ou terminal!

O que é Herança!

Através da herança um estilo pode herdar as propriedades de outro estilo

Usando Herança!@extend!

.loud { ! font-weight: bold; !}!!.quiet { ! font-weight: lighter; !}!!.angry { ! @extend .loud; ! color: red; !}!

CSS!.loud, .angry { ! font-weight: bold; !}!.quiet { ! font-weight: lighter; !}!.angry { ! color: red; !}!

CSS!.loud, .angry { ! font-weight: bold; !}!.quiet { ! font-weight: lighter; !}!.angry { ! color: red; !}!

class="angry"

CSS!.loud, .angry { ! font-weight: bold; !}!.quiet { ! font-weight: lighter; !}!.angry { ! color: red; !}!

class="angry" class="angry loud"

Download Código Fonte!

https://github.com/loiane/ curso-css3-sass-compass

Todas as aulas do curso!

http://www.loiane.com/2012/03/curso-online-css3-com-sass-e-compass-gratuito/

http://loiane.com

facebook.com/loianegroner

@loiane

https://github.com/loiane

youtube.com/user/Loianeg

Obrigada!