Curso CSS3 com Sass e Compass - Aula 05: Variaveis

3,372 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,372
On SlideShare
0
From Embeds
0
Number of Embeds
1,901
Actions
Shares
0
Downloads
76
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Curso CSS3 com Sass e Compass - Aula 05: Variaveis

  1. 1. Curso CSS3 comSass e Compass: Variáveis
  2. 2. Agenda• Declarar e usar variáveis• Compilar Sass em CSS com Scout ou usar linha decomando
  3. 3. Requisitos• Ruby• Gem Sass• Editor texto• Scout IDE ou terminal
  4. 4. Declarando Variáveis$highlight-color: #abcdef;$width: 300px;$base-color: #ffff;$background-color: #abcdef;
  5. 5. Referenciando Variáveis.error { font-color: $base-color; background-color: $background-color; width: $width; border: 1px #f00;}
  6. 6. 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;}
  7. 7. Hífen ou Underscode?$highlight-color: #abcdef;.selected { border: 1px $highlight_color solid;}
  8. 8. Hífen ou Underscode?$highlight-color: #abcdef;.selected { border: 1px $highlight_color solid;}
  9. 9. Hífen ou Underscode?$highlight-color: #abcdef;.selected { border: 1px $highlight_color solid;}
  10. 10. Hífen ou Underscode?$highlight-color: #abcdef;.selected { border: 1px $highlight_color solid;} São Iguais!!!
  11. 11. Download Código Fontehttps://github.com/loiane/curso-css3-sass-compass
  12. 12. Todas as Aulas do Cursohttp://www.loiane.com/2012/03/curso-online-css3- com-sass-e-compass-gratuito/
  13. 13. .contato { blog: ‘loiane.com’; facebook: ‘facebook.com/loianegroner’; twitter: ‘@loiane’; github: ‘loiane’; vimeo: ‘loiane’; youtube: ‘loianeg’; }
  14. 14. Obrigada!

×