Curso CSS3 com Sass e Compass - Aula 05: Variaveis

Curso CSS3 comSass e Compass: Variáveis

Agenda• Declarar e usar variáveis• Compilar Sass em CSS com Scout ou usar linha decomando

Requisitos• Ruby• Gem Sass• Editor texto• Scout IDE ou terminal

Declarando Variáveis$highlight-color: #abcdef;$width: 300px;$base-color: #ffff;$background-color: #abcdef;

Referenciando Variáveis.error { font-color: $base-color; background-color: $background-color; width: $width; border: 1px #f00;}

Variáveis Referenciando Variáveis$highlight-color: #abcdef;.selected { border: 1px $highlight-color solid;}$highlight-color: #abcdef;$highlight-border: 1px $highlight-color solid;.selected { border: $highlight-border;}

Hífen ou Underscode?$highlight-color: #abcdef;.selected { border: 1px $highlight_color solid;}

Hífen ou Underscode?$highlight-color: #abcdef;.selected { border: 1px $highlight_color solid;} São Iguais!!!

Download Código Fontehttps://github.com/loiane/curso-css3-sass-compass

Todas as Aulas do Cursohttp://www.loiane.com/2012/03/curso-online-css3- com-sass-e-compass-gratuito/

.contato { blog: ‘loiane.com’; facebook: ‘facebook.com/loianegroner’; twitter: ‘@loiane’; github: ‘loiane’; vimeo: ‘loiane’; youtube: ‘loianeg’; }

Obrigada!

http://www.loiane.com	883
http://feeds2.feedburner.com	64
http://feeds.feedburner.com	3

Curso CSS3 com Sass e Compass - Aula 05: Variaveis

by Loiane Groner

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 950

Statistics

Curso CSS3 com Sass e Compass - Aula 05: Variaveis Presentation Transcript