Upload
loiane-groner
View
1.183
Download
0
Tags:
Embed Size (px)
Citation preview
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!