picasso 0.3.7 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
@@ -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;
@@ -1,3 +1,3 @@
1
1
  module Picasso
2
- VERSION = "0.3.7"
2
+ VERSION = "0.4.0"
3
3
  end
@@ -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
  }
@@ -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"