picasso 0.3.7 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (33) hide show
  1. data/README.md +7 -4
  2. data/docs/_picasso.html +35 -9
  3. data/docs/css/picasso-demos.css +35 -9
  4. data/docs/index.html +44 -14
  5. data/docs/picasso-_components.html +35 -9
  6. data/docs/picasso-_despegar.html +35 -9
  7. data/docs/picasso-_utils.html +35 -9
  8. data/docs/picasso-components-_accordions.html +35 -9
  9. data/docs/picasso-components-_arrows.html +35 -9
  10. data/docs/picasso-components-_bubbles.html +35 -9
  11. data/docs/picasso-components-_buttons.html +35 -9
  12. data/docs/picasso-components-_clusters.html +35 -9
  13. data/docs/picasso-components-_inputs.html +35 -9
  14. data/docs/picasso-components-_list-grids.html +35 -9
  15. data/docs/picasso-components-_navs.html +35 -9
  16. data/docs/picasso-components-_pagination.html +35 -9
  17. data/docs/picasso-components-_popups.html +35 -9
  18. data/docs/picasso-components-_tooltips.html +35 -9
  19. data/docs/picasso-components-buttons-_3d.html +35 -9
  20. data/docs/picasso-components-buttons-_glossy.html +35 -9
  21. data/docs/picasso-components-buttons-_mini.html +35 -9
  22. data/docs/picasso-despegar-_mixins.html +40 -14
  23. data/docs/picasso-despegar-_variables.html +91 -43
  24. data/docs/picasso-utils-_clearfix.html +35 -9
  25. data/docs/picasso-utils-_grid.html +35 -9
  26. data/docs/picasso-utils-_ie.html +35 -9
  27. data/docs/picasso-utils-_rem.html +35 -9
  28. data/docs/picasso-utils-_sprite.html +35 -9
  29. data/docs/sass/picasso-demos.scss +38 -12
  30. data/lib/picasso/version.rb +1 -1
  31. data/stylesheets/picasso/despegar/_mixins.scss +5 -5
  32. data/stylesheets/picasso/despegar/_variables.scss +39 -24
  33. metadata +5 -5
data/docs/sass/picasso-demos.scss CHANGED
@@ -206,28 +206,44 @@ body{
206
206
 
207
207
  //Despegar
208
208
 
209
- .despegar-size-1-demo{
210
- font-size: $despegar-size-1;
209
+ .despegar-size-10-demo{
210
+ font-size: $despegar-size-10;
211
211
  }
212
212
 
213
- .despegar-size-2-demo{
214
- font-size: $despegar-size-2;
213
+ .despegar-size-11-demo{
214
+ font-size: $despegar-size-11;
215
215
  }
216
216
 
217
- .despegar-size-3-demo{
218
- font-size: $despegar-size-3;
217
+ .despegar-size-13-demo{
218
+ font-size: $despegar-size-13;
219
219
  }
220
220
 
221
- .despegar-size-4-demo{
222
- font-size: $despegar-size-4;
221
+ .despegar-size-16-demo{
222
+ font-size: $despegar-size-16;
223
223
  }
224
224
 
225
- .despegar-size-5-demo{
226
- font-size: $despegar-size-5;
225
+ .despegar-size-20-demo{
226
+ font-size: $despegar-size-20;
227
227
  }
228
228
 
229
- .despegar-size-6-demo{
230
- font-size: $despegar-size-6;
229
+ .despegar-size-24-demo{
230
+ font-size: $despegar-size-24;
231
+ }
232
+
233
+ .despegar-size-28-demo{
234
+ font-size: $despegar-size-28;
235
+ }
236
+
237
+ .despegar-size-30-demo{
238
+ font-size: $despegar-size-30;
239
+ }
240
+
241
+ .despegar-size-32-demo{
242
+ font-size: $despegar-size-32;
243
+ }
244
+
245
+ .despegar-size-36-demo{
246
+ font-size: $despegar-size-36;
231
247
  }
232
248
 
233
249
  .despegar-black-demo{
@@ -297,6 +313,16 @@ body{
297
313
  background: $despegar-gray-7;
298
314
  }
299
315
 
316
+ .despegar-gray-8-demo{
317
+ padding: 10px;
318
+ background: $despegar-gray-8;
319
+ }
320
+
321
+ .despegar-gray-9-demo{
322
+ padding: 10px;
323
+ background: $despegar-gray-9;
324
+ }
325
+
300
326
  .despegar-searchbox-bg-demo{
301
327
  padding: 10px;
302
328
  background: $despegar-searchbox-bg;
data/lib/picasso/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Picasso
2
- VERSION = "0.3.7"
2
+ VERSION = "0.4.0"
3
3
  end
data/stylesheets/picasso/despegar/_mixins.scss CHANGED
@@ -31,23 +31,23 @@
31
31
  // `@include font-size-5();`
32
32
 
33
33
  @mixin font-size-1() {
34
- font-size: $despegar-size-1;
34
+ font-size: $despegar-size-11;
35
35
  }
36
36
 
37
37
  @mixin font-size-2() {
38
- font-size: $despegar-size-2;
38
+ font-size: $despegar-size-13;
39
39
  }
40
40
 
41
41
  @mixin font-size-3() {
42
- font-size: $despegar-size-3;
42
+ font-size: $despegar-size-16;
43
43
  }
44
44
 
45
45
  @mixin font-size-4() {
46
- font-size: $despegar-size-4;
46
+ font-size: $despegar-size-20;
47
47
  letter-spacing: -1px;
48
48
  }
49
49
 
50
50
  @mixin font-size-5() {
51
- font-size: $despegar-size-5;
51
+ font-size: $despegar-size-24;
52
52
  letter-spacing: -1px;
53
53
  }
data/stylesheets/picasso/despegar/_variables.scss CHANGED
@@ -13,30 +13,37 @@ $brand : "despegar";
13
13
  // #### Cuerpos tipograficos
14
14
 
15
15
  // ```
16
- // <p class="despegar-size-1-demo">11px - Aliquam tincidunt mauris eu risus.</p>
17
- // <p class="despegar-size-2-demo">13px - Aliquam tincidunt mauris eu risus.</p>
18
- // <p class="despegar-size-3-demo">16px - Aliquam tincidunt mauris eu risus.</p>
19
- // <p class="despegar-size-4-demo">20px - Aliquam tincidunt mauris eu risus.</p>
20
- // <p class="despegar-size-5-demo">24px - Aliquam tincidunt mauris eu risus.</p>
21
- // <p class="despegar-size-6-demo">28px - Aliquam tincidunt mauris eu risus.</p>
16
+ // <p class="despegar-size-10-demo">10px - Aliquam tincidunt mauris eu risus.</p>
17
+ // <p class="despegar-size-11-demo">11px - Aliquam tincidunt mauris eu risus.</p>
18
+ // <p class="despegar-size-13-demo">13px - Aliquam tincidunt mauris eu risus.</p>
19
+ // <p class="despegar-size-16-demo">16px - Aliquam tincidunt mauris eu risus.</p>
20
+ // <p class="despegar-size-20-demo">20px - Aliquam tincidunt mauris eu risus.</p>
21
+ // <p class="despegar-size-24-demo">24px - Aliquam tincidunt mauris eu risus.</p>
22
+ // <p class="despegar-size-28-demo">28px - Aliquam tincidunt mauris eu risus.</p>
23
+ // <p class="despegar-size-30-demo">30px - Aliquam tincidunt mauris eu risus.</p>
24
+ // <p class="despegar-size-32-demo">32px - Aliquam tincidunt mauris eu risus.</p>
25
+ // <p class="despegar-size-36-demo">36px - Aliquam tincidunt mauris eu risus.</p>
22
26
  // ```
23
27
 
24
28
  // Cuerpos tipograficos
25
- $despegar-size-1 : 11px;
26
- $despegar-size-2 : 13px;
27
- $despegar-size-3 : 16px;
28
- $despegar-size-4 : 20px;
29
- $despegar-size-5 : 24px;
30
- $despegar-size-6 : 28px;
31
-
29
+ $despegar-size-10 : 10px;
30
+ $despegar-size-11 : 11px;
31
+ $despegar-size-13 : 13px;
32
+ $despegar-size-16 : 16px;
33
+ $despegar-size-20 : 20px;
34
+ $despegar-size-24 : 24px;
35
+ $despegar-size-28 : 28px;
36
+ $despegar-size-30 : 30px;
37
+ $despegar-size-32 : 32px;
38
+ $despegar-size-36 : 36px;
32
39
 
33
40
  // #### Colores base
34
41
 
35
42
  // ```
36
43
  // <p class="despegar-black-demo">#000 - Aliquam tincidunt mauris eu risus.</p>
37
44
  // <p class="despegar-white-demo">#FFF - Aliquam tincidunt mauris eu risus.</p>
38
- // <p class="despegar-yellow-demo">#FF3 - Aliquam tincidunt mauris eu risus.</p>
39
- // <p class="despegar-red-demo">#F00 - Aliquam tincidunt mauris eu risus.</p>
45
+ // <p class="despegar-yellow-demo">#FFFF33 - Aliquam tincidunt mauris eu risus.</p>
46
+ // <p class="despegar-red-demo">#E20A16 - Aliquam tincidunt mauris eu risus.</p>
40
47
  // <p class="despegar-blue-demo">#013D93 - Aliquam tincidunt mauris eu risus.</p>
41
48
  // <p class="despegar-gray-1-demo">#222 - Aliquam tincidunt mauris eu risus.</p>
42
49
  // <p class="despegar-gray-2-demo">#444 - Aliquam tincidunt mauris eu risus.</p>
@@ -44,14 +51,16 @@ $despegar-size-6 : 28px;
44
51
  // <p class="despegar-gray-4-demo">#888 - Aliquam tincidunt mauris eu risus.</p>
45
52
  // <p class="despegar-gray-5-demo">#AAA - Aliquam tincidunt mauris eu risus.</p>
46
53
  // <p class="despegar-gray-6-demo">#CCC - Aliquam tincidunt mauris eu risus.</p>
47
- // <p class="despegar-gray-7-demo">#EEE - Aliquam tincidunt mauris eu risus.</p>
54
+ // <p class="despegar-gray-7-demo">#DDD - Aliquam tincidunt mauris eu risus.</p>
55
+ // <p class="despegar-gray-8-demo">#EEE - Aliquam tincidunt mauris eu risus.</p>
56
+ // <p class="despegar-gray-9-demo">#F5F5F5 - Aliquam tincidunt mauris eu risus.</p>
48
57
  // ```
49
58
 
50
59
  // Colores base: Comunes
51
60
  $despegar-black : #000;
52
61
  $despegar-white : #FFF;
53
- $despegar-yellow : #FF3;
54
- $despegar-red : #F00;
62
+ $despegar-yellow : #FFFF33;
63
+ $despegar-red : #E20A16;
55
64
  $despegar-blue : #013D93;
56
65
 
57
66
  // Colores base: Escala de grises
@@ -61,21 +70,24 @@ $despegar-gray-3 : #666;
61
70
  $despegar-gray-4 : #888;
62
71
  $despegar-gray-5 : #AAA;
63
72
  $despegar-gray-6 : #CCC;
64
- $despegar-gray-7 : #EEE;
73
+ $despegar-gray-7 : #DDD;
74
+ $despegar-gray-8 : #EEE;
75
+ $despegar-gray-9 : #F5F5F5;
65
76
 
66
77
 
67
78
  // #### Elementos
68
79
 
69
80
  // ```
70
- // <p class="despegar-searchbox-bg-demo">#FF3 Background Buscador - Aliquam tincidunt mauris eu risus.</p>
81
+ // <p class="despegar-searchbox-bg-demo">#FFFF33 Background Buscador - Aliquam tincidunt mauris eu risus.</p>
71
82
  // <p class="despegar-title-color-demo">#013D93 Color Titulos - Aliquam tincidunt mauris eu risus.</p>
72
83
  // <p class="despegar-titlealt-color-demo">#F90 Color Titulos alternativos - Aliquam tincidunt mauris eu risus.</p>
84
+ // <p class="despegar-titlelighten-color-demo">#B4CBFC Color Titulos con colores mas suaves - Aliquam tincidunt mauris eu risus.</p>
73
85
  // <p class="despegar-link-color-demo">#319FDA Color links - Aliquam tincidunt mauris eu risus.</p>
74
86
  // <p class="despegar-link-color-hover-demo">#66CCFF Color links (hover) - Aliquam tincidunt mauris eu risus.</p>
75
87
  // <p class="despegar-error-bg-demo">#FFE6E6 Color Titulos - Aliquam tincidunt mauris eu risus.</p>
76
- // <p class="despegar-error-border-demo">#F00 Color borde mensajes de error - Aliquam tincidunt mauris eu risus.</p>
88
+ // <p class="despegar-error-border-demo">#E20A16 Color borde mensajes de error - Aliquam tincidunt mauris eu risus.</p>
77
89
  // <p class="despegar-warning-bg-demo">#FFFFE1 Background mensajes - Aliquam tincidunt mauris eu risus.</p>
78
- // <p class="despegar-warning-border-demo">#FC3 Color borde mensajes - Aliquam tincidunt mauris eu risus.</p>
90
+ // <p class="despegar-warning-border-demo">#FFCC33 Color borde mensajes - Aliquam tincidunt mauris eu risus.</p>
79
91
  // ```
80
92
 
81
93
  // Buscador
@@ -85,7 +97,10 @@ $despegar-searchbox-bg : $despegar-yellow;
85
97
  $despegar-title-color : $despegar-blue;
86
98
 
87
99
  // Titulos y destacados (alt)
88
- $despegar-titlealt-color : #F90;
100
+ $despegar-titlealt-color : #FF9900;
101
+
102
+ // Titulos y destacados (alt)
103
+ $despegar-titlelighten-color : #B4CBFC;
89
104
 
90
105
  // Links
91
106
  $despegar-link-color : #319FDA;
@@ -101,4 +116,4 @@ $despegar-error-border : $despegar-red;
101
116
  $despegar-warning-bg : #FFFFE1;
102
117
 
103
118
  // Warning: borde
104
- $despegar-warning-border : #FC3;
119
+ $despegar-warning-border : #FFCC33;
metadata CHANGED
@@ -4,9 +4,9 @@ version: !ruby/object:Gem::Version
4
4
  prerelease: false
5
5
  segments:
6
6
  - 0
7
- - 3
8
- - 7
9
- version: 0.3.7
7
+ - 4
8
+ - 0
9
+ version: 0.4.0
10
10
  platform: ruby
11
11
  authors:
12
12
  - Leandro D'Onofrio
@@ -14,7 +14,7 @@ autorequire:
14
14
  bindir: bin
15
15
  cert_chain: []
16
16
 
17
- date: 2012-11-12 00:00:00 -03:00
17
+ date: 2013-02-04 00:00:00 -03:00
18
18
  default_executable:
19
19
  dependencies:
20
20
  - !ruby/object:Gem::Dependency
@@ -139,7 +139,7 @@ licenses: []
139
139
  post_install_message: "\n\n\
140
140
  ##################################################\n\
141
141
  ## Picasso - Sass/Compass Framework\n\n\
142
- ## Versi\xC3\xB3n: 0.3.7\n\
142
+ ## Versi\xC3\xB3n: 0.4.0\n\
143
143
  ## Documentaci\xC3\xB3n: http://dl.dropbox.com/u/54126/picasso/docs/index.html\n\
144
144
  ## CHANGELOG: http://dl.dropbox.com/u/54126/picasso/docs/index.html#changelog\n\
145
145
  ##################################################\n\n"