Curso CSS3 com

Sass e Compass: Importando outros

arquivos Sass #7

Agenda!• Imports!

• Organizando o Código melhor!

Requisitos!• Ruby!

• Gem Sass!

• Editor Texto!

• Scout IDE ou terminal!

Como funciona!

Escopo Variáveis!

$link-color: blue;!$link-color: red;!!a {! color: $link-color;!}!

Nested Imports!

Nested Imports!

tema-azul.scss

aside {! background: blue;! color: white;!}!

Nested Imports!

tema-azul.scss

aside {! background: blue;! color: white;!}!

.blue-theme {@import "blue-theme"}!

Nested Imports!

tema-azul.scss

aside {! background: blue;! color: white;!}!

.blue-theme {@import "blue-theme"}!

.blue-theme {! aside {! background: blue;! color: #fff;! }!}!

Estudo de Caso!

• Sencha

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!