[Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
-
Upload
loiane-groner -
Category
Technology
-
view
1.076 -
download
4
description
Transcript of [Curso CSS3 com Sass e Compass] Aula 07: Importando outros arquivos Sass
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!