Curso CSS3 com Sass e Compass - Aula 05: Variaveis
Upcoming SlideShare
Loading in...5
×
 

Curso CSS3 com Sass e Compass - Aula 05: Variaveis

on

  • 3,027 views

 

Statistics

Views

Total Views
3,027
Views on SlideShare
1,612
Embed Views
1,415

Actions

Likes
2
Downloads
54
Comments
0

3 Embeds 1,415

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

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 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;}
  • 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!