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.
- data/README.md +7 -4
- data/docs/_picasso.html +35 -9
- data/docs/css/picasso-demos.css +35 -9
- data/docs/index.html +44 -14
- data/docs/picasso-_components.html +35 -9
- data/docs/picasso-_despegar.html +35 -9
- data/docs/picasso-_utils.html +35 -9
- data/docs/picasso-components-_accordions.html +35 -9
- data/docs/picasso-components-_arrows.html +35 -9
- data/docs/picasso-components-_bubbles.html +35 -9
- data/docs/picasso-components-_buttons.html +35 -9
- data/docs/picasso-components-_clusters.html +35 -9
- data/docs/picasso-components-_inputs.html +35 -9
- data/docs/picasso-components-_list-grids.html +35 -9
- data/docs/picasso-components-_navs.html +35 -9
- data/docs/picasso-components-_pagination.html +35 -9
- data/docs/picasso-components-_popups.html +35 -9
- data/docs/picasso-components-_tooltips.html +35 -9
- data/docs/picasso-components-buttons-_3d.html +35 -9
- data/docs/picasso-components-buttons-_glossy.html +35 -9
- data/docs/picasso-components-buttons-_mini.html +35 -9
- data/docs/picasso-despegar-_mixins.html +40 -14
- data/docs/picasso-despegar-_variables.html +91 -43
- data/docs/picasso-utils-_clearfix.html +35 -9
- data/docs/picasso-utils-_grid.html +35 -9
- data/docs/picasso-utils-_ie.html +35 -9
- data/docs/picasso-utils-_rem.html +35 -9
- data/docs/picasso-utils-_sprite.html +35 -9
- data/docs/sass/picasso-demos.scss +38 -12
- data/lib/picasso/version.rb +1 -1
- data/stylesheets/picasso/despegar/_mixins.scss +5 -5
- data/stylesheets/picasso/despegar/_variables.scss +39 -24
- metadata +5 -5
@@ -206,28 +206,44 @@ body{
|
|
206
206
|
|
207
207
|
//Despegar
|
208
208
|
|
209
|
-
.despegar-size-
|
210
|
-
font-size: $despegar-size-
|
209
|
+
.despegar-size-10-demo{
|
210
|
+
font-size: $despegar-size-10;
|
211
211
|
}
|
212
212
|
|
213
|
-
.despegar-size-
|
214
|
-
font-size: $despegar-size-
|
213
|
+
.despegar-size-11-demo{
|
214
|
+
font-size: $despegar-size-11;
|
215
215
|
}
|
216
216
|
|
217
|
-
.despegar-size-
|
218
|
-
font-size: $despegar-size-
|
217
|
+
.despegar-size-13-demo{
|
218
|
+
font-size: $despegar-size-13;
|
219
219
|
}
|
220
220
|
|
221
|
-
.despegar-size-
|
222
|
-
font-size: $despegar-size-
|
221
|
+
.despegar-size-16-demo{
|
222
|
+
font-size: $despegar-size-16;
|
223
223
|
}
|
224
224
|
|
225
|
-
.despegar-size-
|
226
|
-
font-size: $despegar-size-
|
225
|
+
.despegar-size-20-demo{
|
226
|
+
font-size: $despegar-size-20;
|
227
227
|
}
|
228
228
|
|
229
|
-
.despegar-size-
|
230
|
-
font-size: $despegar-size-
|
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
@@ -31,23 +31,23 @@
|
|
31
31
|
// `@include font-size-5();`
|
32
32
|
|
33
33
|
@mixin font-size-1() {
|
34
|
-
font-size: $despegar-size-
|
34
|
+
font-size: $despegar-size-11;
|
35
35
|
}
|
36
36
|
|
37
37
|
@mixin font-size-2() {
|
38
|
-
font-size: $despegar-size-
|
38
|
+
font-size: $despegar-size-13;
|
39
39
|
}
|
40
40
|
|
41
41
|
@mixin font-size-3() {
|
42
|
-
font-size: $despegar-size-
|
42
|
+
font-size: $despegar-size-16;
|
43
43
|
}
|
44
44
|
|
45
45
|
@mixin font-size-4() {
|
46
|
-
font-size: $despegar-size-
|
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-
|
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-
|
17
|
-
// <p class="despegar-size-
|
18
|
-
// <p class="despegar-size-
|
19
|
-
// <p class="despegar-size-
|
20
|
-
// <p class="despegar-size-
|
21
|
-
// <p class="despegar-size-
|
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-
|
26
|
-
$despegar-size-
|
27
|
-
$despegar-size-
|
28
|
-
$despegar-size-
|
29
|
-
$despegar-size-
|
30
|
-
$despegar-size-
|
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">#
|
39
|
-
// <p class="despegar-red-demo">#
|
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">#
|
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 : #
|
54
|
-
$despegar-red : #
|
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
|
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">#
|
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">#
|
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">#
|
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 : #
|
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 : #
|
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
|
-
-
|
8
|
-
-
|
9
|
-
version: 0.
|
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:
|
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.
|
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"
|