picasso 0.0.1 → 0.0.2
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 +1 -1
- data/docs/all.html +391 -0
- data/docs/arrows.html +130 -0
- data/docs/bubbles.html +126 -0
- data/docs/build/manifest.json +4 -0
- data/docs/build/md/arrows.md +43 -0
- data/docs/build/md/bubbles.md +43 -0
- data/docs/build/md/buttons.md +89 -0
- data/docs/build/md/components.md +1 -0
- data/docs/build/md/despegar.md +198 -0
- data/docs/build/md/intro.md +1 -0
- data/docs/build/md/utils.md +17 -0
- data/docs/build/templates/index.html +37 -0
- data/docs/build/templates/layout.html +39 -0
- data/docs/build/templates/page.html +24 -0
- data/docs/buttons.html +170 -0
- data/docs/components.html +93 -0
- data/docs/config.rb +6 -0
- data/docs/css/github.css +88 -0
- data/docs/css/markdown.css +100 -0
- data/docs/css/style.css +838 -0
- data/docs/despegar.html +281 -0
- data/docs/index.html +93 -0
- data/docs/intro.html +93 -0
- data/docs/js/docs.js +16 -0
- data/docs/js/rainbow-custom.min.js +13 -0
- data/docs/sass/style.scss +215 -0
- data/docs/utils.html +104 -0
- data/lib/picasso/version.rb +1 -1
- data/stylesheets/_picasso.scss +3 -0
- data/stylesheets/picasso/_components.scss +3 -0
- data/stylesheets/picasso/_despegar.scss +1 -0
- data/stylesheets/picasso/_utils.scss +1 -0
- data/stylesheets/picasso/components/_arrows.scss +54 -0
- data/stylesheets/picasso/components/_bubbles.scss +76 -0
- data/stylesheets/picasso/components/_buttons.scss +2 -0
- data/stylesheets/picasso/components/buttons/_buttons.scss +106 -0
- data/stylesheets/picasso/components/buttons/_mini-buttons.scss +66 -0
- data/stylesheets/{despegar → picasso/despegar}/_variables.scss +4 -2
- data/stylesheets/picasso/utils/_clearfix.scss +33 -0
- metadata +41 -4
data/docs/despegar.html
ADDED
|
@@ -0,0 +1,281 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html>
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
7
|
+
<title>Picasso Docs</title>
|
|
8
|
+
|
|
9
|
+
<link type="text/css" rel="stylesheet" href="./css/markdown.css">
|
|
10
|
+
<link type="text/css" rel="stylesheet" href="./css/github.css">
|
|
11
|
+
<link type="text/css" rel="stylesheet" href="./css/style.css">
|
|
12
|
+
</head>
|
|
13
|
+
|
|
14
|
+
<body>
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
<aside>
|
|
20
|
+
<nav>
|
|
21
|
+
<ol>
|
|
22
|
+
|
|
23
|
+
<li>
|
|
24
|
+
<a href="./intro.html#picasso-framework-css-sass">Picasso. Framework CSS/Sass.</a>
|
|
25
|
+
|
|
26
|
+
<ol>
|
|
27
|
+
|
|
28
|
+
</ol>
|
|
29
|
+
|
|
30
|
+
</li>
|
|
31
|
+
|
|
32
|
+
<li>
|
|
33
|
+
<a href="./components.html#components">Components</a>
|
|
34
|
+
|
|
35
|
+
<ol>
|
|
36
|
+
|
|
37
|
+
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
|
38
|
+
|
|
39
|
+
<li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
|
|
40
|
+
|
|
41
|
+
<li><a href="./arrows.html#arrows">Arrows</a></li>
|
|
42
|
+
|
|
43
|
+
<li><a href="./bubbles.html#bubbles">Bubbles</a></li>
|
|
44
|
+
|
|
45
|
+
</ol>
|
|
46
|
+
|
|
47
|
+
</li>
|
|
48
|
+
|
|
49
|
+
<li>
|
|
50
|
+
<a href="./utils.html#utils">Utils</a>
|
|
51
|
+
|
|
52
|
+
<ol>
|
|
53
|
+
|
|
54
|
+
<li><a href="./utils.html#clearfix">Clearfix</a></li>
|
|
55
|
+
|
|
56
|
+
</ol>
|
|
57
|
+
|
|
58
|
+
</li>
|
|
59
|
+
|
|
60
|
+
<li>
|
|
61
|
+
<a href="./despegar.html#despegar">Despegar</a>
|
|
62
|
+
|
|
63
|
+
<ol>
|
|
64
|
+
|
|
65
|
+
<li><a href="./despegar.html#variables">Variables</a></li>
|
|
66
|
+
|
|
67
|
+
</ol>
|
|
68
|
+
|
|
69
|
+
</li>
|
|
70
|
+
|
|
71
|
+
</ol>
|
|
72
|
+
</nav>
|
|
73
|
+
</aside>
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
<article>
|
|
77
|
+
<a name="despegar"></a><h1>Despegar</h1>
|
|
78
|
+
<a name="variables"></a><h2>Variables</h2>
|
|
79
|
+
<a name="ejemplos"></a><h3>Ejemplos</h3>
|
|
80
|
+
<a name="cuerpos-tipograficos"></a><h4>Cuerpos tipograficos</h4>
|
|
81
|
+
<p class="despegar-size-1-demo">11px - Aliquam tincidunt mauris eu risus.</p>
|
|
82
|
+
|
|
83
|
+
<p class="despegar-size-2-demo">13px - Aliquam tincidunt mauris eu risus.</p>
|
|
84
|
+
|
|
85
|
+
<p class="despegar-size-3-demo">16px - Aliquam tincidunt mauris eu risus.</p>
|
|
86
|
+
|
|
87
|
+
<p class="despegar-size-4-demo">20px - Aliquam tincidunt mauris eu risus.</p>
|
|
88
|
+
|
|
89
|
+
<p class="despegar-size-5-demo">24px - Aliquam tincidunt mauris eu risus.</p>
|
|
90
|
+
|
|
91
|
+
<p class="despegar-size-6-demo">28px - Aliquam tincidunt mauris eu risus.</p>
|
|
92
|
+
|
|
93
|
+
<a name="colores-base"></a><h4>Colores base</h4>
|
|
94
|
+
<p class="despegar-black-demo">#000 - Aliquam tincidunt mauris eu risus.</p>
|
|
95
|
+
|
|
96
|
+
<p class="despegar-white-demo">#FFF - Aliquam tincidunt mauris eu risus.</p>
|
|
97
|
+
|
|
98
|
+
<p class="despegar-yellow-demo">#FF3 - Aliquam tincidunt mauris eu risus.</p>
|
|
99
|
+
|
|
100
|
+
<p class="despegar-red-demo">#F00 - Aliquam tincidunt mauris eu risus.</p>
|
|
101
|
+
|
|
102
|
+
<p class="despegar-blue-demo">#013D93 - Aliquam tincidunt mauris eu risus.</p>
|
|
103
|
+
|
|
104
|
+
<p class="despegar-gray-1-demo">#222 - Aliquam tincidunt mauris eu risus.</p>
|
|
105
|
+
|
|
106
|
+
<p class="despegar-gray-2-demo">#444 - Aliquam tincidunt mauris eu risus.</p>
|
|
107
|
+
|
|
108
|
+
<p class="despegar-gray-3-demo">#666 - Aliquam tincidunt mauris eu risus.</p>
|
|
109
|
+
|
|
110
|
+
<p class="despegar-gray-4-demo">#888 - Aliquam tincidunt mauris eu risus.</p>
|
|
111
|
+
|
|
112
|
+
<p class="despegar-gray-5-demo">#AAA - Aliquam tincidunt mauris eu risus.</p>
|
|
113
|
+
|
|
114
|
+
<p class="despegar-gray-6-demo">#CCC - Aliquam tincidunt mauris eu risus.</p>
|
|
115
|
+
|
|
116
|
+
<p class="despegar-gray-7-demo">#EEE - Aliquam tincidunt mauris eu risus.</p>
|
|
117
|
+
|
|
118
|
+
<a name="elementos"></a><h4>Elementos</h4>
|
|
119
|
+
<p class="despegar-searchbox-bg-demo">#FF3 Background Buscador - Aliquam tincidunt mauris eu risus.</p>
|
|
120
|
+
|
|
121
|
+
<p class="despegar-title-color-demo">#013D93 Color Titulos - Aliquam tincidunt mauris eu risus.</p>
|
|
122
|
+
|
|
123
|
+
<p class="despegar-titlealt-color-demo">#F90 Color Titulos alternativos - Aliquam tincidunt mauris eu risus.</p>
|
|
124
|
+
|
|
125
|
+
<p class="despegar-link-color-demo">#319FDA Color links - Aliquam tincidunt mauris eu risus.</p>
|
|
126
|
+
|
|
127
|
+
<p class="despegar-link-color-hover-demo">#66CCFF Color links (hover) - Aliquam tincidunt mauris eu risus.</p>
|
|
128
|
+
|
|
129
|
+
<p class="despegar-error-bg-demo">#FFE6E6 Color Titulos - Aliquam tincidunt mauris eu risus.</p>
|
|
130
|
+
|
|
131
|
+
<p class="despegar-error-border-demo">#F00 Color borde mensajes de error - Aliquam tincidunt mauris eu risus.</p>
|
|
132
|
+
|
|
133
|
+
<p class="despegar-warning-bg-demo">#FFFFE1 Background mensajes - Aliquam tincidunt mauris eu risus.</p>
|
|
134
|
+
|
|
135
|
+
<p class="despegar-warning-border-demo">#FC3 Color borde mensajes - Aliquam tincidunt mauris eu risus.</p>
|
|
136
|
+
|
|
137
|
+
<a name="sass"></a><h3>Sass</h3>
|
|
138
|
+
<pre><code class="lang-css">@import "picasso/despegar/variables";
|
|
139
|
+
|
|
140
|
+
//Size 1
|
|
141
|
+
.despegar-size-1-demo{
|
|
142
|
+
font-size: $despegar-size-1;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
//Size 2
|
|
146
|
+
.despegar-size-2-demo{
|
|
147
|
+
font-size: $despegar-size-2;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
//Size 3
|
|
151
|
+
.despegar-size-3-demo{
|
|
152
|
+
font-size: $despegar-size-3;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
//Size 4
|
|
156
|
+
.despegar-size-4-demo{
|
|
157
|
+
font-size: $despegar-size-4;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
//Size 5
|
|
161
|
+
.despegar-size-5-demo{
|
|
162
|
+
font-size: $despegar-size-5;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
//Size 6
|
|
166
|
+
.despegar-size-6-demo{
|
|
167
|
+
font-size: $despegar-size-6;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
//Black
|
|
171
|
+
.despegar-black-demo{
|
|
172
|
+
background: $despegar-black;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
//White
|
|
176
|
+
.despegar-white-demo{
|
|
177
|
+
background: $despegar-white;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
//Yellow
|
|
181
|
+
.despegar-yellow-demo{
|
|
182
|
+
background: $despegar-yellow;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
//Red
|
|
186
|
+
.despegar-red-demo{
|
|
187
|
+
background: $despegar-red;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
//Blue
|
|
191
|
+
.despegar-blue-demo{
|
|
192
|
+
background: $despegar-blue;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
//Gray 1
|
|
196
|
+
.despegar-gray-1-demo{
|
|
197
|
+
color: $despegar-gray-1;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
//Gray 2
|
|
201
|
+
.despegar-gray-2-demo{
|
|
202
|
+
color: $despegar-gray-2;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
//Gray 3
|
|
206
|
+
.despegar-gray-3-demo{
|
|
207
|
+
color: $despegar-gray-3;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
//Gray 4
|
|
211
|
+
.despegar-gray-4-demo{
|
|
212
|
+
color: $despegar-gray-4;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
//Gray 5
|
|
216
|
+
.despegar-gray-5-demo{
|
|
217
|
+
color: $despegar-gray-5;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
//Gray 6
|
|
221
|
+
.despegar-gray-6-demo{
|
|
222
|
+
color: $despegar-gray-6;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
//Gray 7
|
|
226
|
+
.despegar-gray-7-demo{
|
|
227
|
+
color: $despegar-gray-7;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
//Searchbox
|
|
231
|
+
.despegar-searchbox-bg-demo{
|
|
232
|
+
background: $despegar-searchbox-bg;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
//Title
|
|
236
|
+
.despegar-title-color-demo{
|
|
237
|
+
color: $despegar-title-color;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
//Title Alt
|
|
241
|
+
.despegar-titlealt-color-demo{
|
|
242
|
+
color: $despegar-titlealt-color;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
//Link
|
|
246
|
+
.despegar-link-color-demo{
|
|
247
|
+
color: $despegar-link-color;
|
|
248
|
+
|
|
249
|
+
&:hover{
|
|
250
|
+
color: $despegar-link-color-hover;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
//Error
|
|
256
|
+
.despegar-error-bg-demo{
|
|
257
|
+
background: $despegar-error-bg;
|
|
258
|
+
border: 1px solid $despegar-error-border;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
//Warning
|
|
262
|
+
.despegar-warning-bg-demo{
|
|
263
|
+
background: $despegar-warning-bg;
|
|
264
|
+
border: 1px solid $despegar-warning-border;
|
|
265
|
+
}</code></pre>
|
|
266
|
+
|
|
267
|
+
</article>
|
|
268
|
+
|
|
269
|
+
|
|
270
|
+
<footer>
|
|
271
|
+
<a href="./all.html">Everything on a single page</a>
|
|
272
|
+
|
|
273
|
+
</footer>
|
|
274
|
+
|
|
275
|
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
|
276
|
+
<script src="./js/docs.js"></script>
|
|
277
|
+
<script src="./js/rainbow-custom.min.js"></script>
|
|
278
|
+
|
|
279
|
+
</body>
|
|
280
|
+
|
|
281
|
+
</html>
|
data/docs/index.html
ADDED
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html>
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
7
|
+
<title>Picasso Docs</title>
|
|
8
|
+
|
|
9
|
+
<link type="text/css" rel="stylesheet" href="./css/markdown.css">
|
|
10
|
+
<link type="text/css" rel="stylesheet" href="./css/github.css">
|
|
11
|
+
<link type="text/css" rel="stylesheet" href="./css/style.css">
|
|
12
|
+
</head>
|
|
13
|
+
|
|
14
|
+
<body>
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
<aside>
|
|
20
|
+
<nav>
|
|
21
|
+
<ol>
|
|
22
|
+
|
|
23
|
+
<li>
|
|
24
|
+
<a href="./intro.html#picasso-framework-css-sass">Picasso. Framework CSS/Sass.</a>
|
|
25
|
+
|
|
26
|
+
<ol>
|
|
27
|
+
|
|
28
|
+
</ol>
|
|
29
|
+
|
|
30
|
+
</li>
|
|
31
|
+
|
|
32
|
+
<li>
|
|
33
|
+
<a href="./components.html#components">Components</a>
|
|
34
|
+
|
|
35
|
+
<ol>
|
|
36
|
+
|
|
37
|
+
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
|
38
|
+
|
|
39
|
+
<li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
|
|
40
|
+
|
|
41
|
+
<li><a href="./arrows.html#arrows">Arrows</a></li>
|
|
42
|
+
|
|
43
|
+
<li><a href="./bubbles.html#bubbles">Bubbles</a></li>
|
|
44
|
+
|
|
45
|
+
</ol>
|
|
46
|
+
|
|
47
|
+
</li>
|
|
48
|
+
|
|
49
|
+
<li>
|
|
50
|
+
<a href="./utils.html#utils">Utils</a>
|
|
51
|
+
|
|
52
|
+
<ol>
|
|
53
|
+
|
|
54
|
+
<li><a href="./utils.html#clearfix">Clearfix</a></li>
|
|
55
|
+
|
|
56
|
+
</ol>
|
|
57
|
+
|
|
58
|
+
</li>
|
|
59
|
+
|
|
60
|
+
<li>
|
|
61
|
+
<a href="./despegar.html#despegar">Despegar</a>
|
|
62
|
+
|
|
63
|
+
<ol>
|
|
64
|
+
|
|
65
|
+
<li><a href="./despegar.html#variables">Variables</a></li>
|
|
66
|
+
|
|
67
|
+
</ol>
|
|
68
|
+
|
|
69
|
+
</li>
|
|
70
|
+
|
|
71
|
+
</ol>
|
|
72
|
+
</nav>
|
|
73
|
+
</aside>
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
<article>
|
|
77
|
+
<a name="picasso-framework-css-sass"></a><h1>Picasso. Framework CSS/Sass.</h1>
|
|
78
|
+
|
|
79
|
+
</article>
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
<footer>
|
|
83
|
+
<a href="./all.html">Everything on a single page</a>
|
|
84
|
+
|
|
85
|
+
</footer>
|
|
86
|
+
|
|
87
|
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
|
88
|
+
<script src="./js/docs.js"></script>
|
|
89
|
+
<script src="./js/rainbow-custom.min.js"></script>
|
|
90
|
+
|
|
91
|
+
</body>
|
|
92
|
+
|
|
93
|
+
</html>
|
data/docs/intro.html
ADDED
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html>
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
7
|
+
<title>Picasso Docs</title>
|
|
8
|
+
|
|
9
|
+
<link type="text/css" rel="stylesheet" href="./css/markdown.css">
|
|
10
|
+
<link type="text/css" rel="stylesheet" href="./css/github.css">
|
|
11
|
+
<link type="text/css" rel="stylesheet" href="./css/style.css">
|
|
12
|
+
</head>
|
|
13
|
+
|
|
14
|
+
<body>
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
<aside>
|
|
20
|
+
<nav>
|
|
21
|
+
<ol>
|
|
22
|
+
|
|
23
|
+
<li>
|
|
24
|
+
<a href="./intro.html#picasso-framework-css-sass">Picasso. Framework CSS/Sass.</a>
|
|
25
|
+
|
|
26
|
+
<ol>
|
|
27
|
+
|
|
28
|
+
</ol>
|
|
29
|
+
|
|
30
|
+
</li>
|
|
31
|
+
|
|
32
|
+
<li>
|
|
33
|
+
<a href="./components.html#components">Components</a>
|
|
34
|
+
|
|
35
|
+
<ol>
|
|
36
|
+
|
|
37
|
+
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
|
38
|
+
|
|
39
|
+
<li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
|
|
40
|
+
|
|
41
|
+
<li><a href="./arrows.html#arrows">Arrows</a></li>
|
|
42
|
+
|
|
43
|
+
<li><a href="./bubbles.html#bubbles">Bubbles</a></li>
|
|
44
|
+
|
|
45
|
+
</ol>
|
|
46
|
+
|
|
47
|
+
</li>
|
|
48
|
+
|
|
49
|
+
<li>
|
|
50
|
+
<a href="./utils.html#utils">Utils</a>
|
|
51
|
+
|
|
52
|
+
<ol>
|
|
53
|
+
|
|
54
|
+
<li><a href="./utils.html#clearfix">Clearfix</a></li>
|
|
55
|
+
|
|
56
|
+
</ol>
|
|
57
|
+
|
|
58
|
+
</li>
|
|
59
|
+
|
|
60
|
+
<li>
|
|
61
|
+
<a href="./despegar.html#despegar">Despegar</a>
|
|
62
|
+
|
|
63
|
+
<ol>
|
|
64
|
+
|
|
65
|
+
<li><a href="./despegar.html#variables">Variables</a></li>
|
|
66
|
+
|
|
67
|
+
</ol>
|
|
68
|
+
|
|
69
|
+
</li>
|
|
70
|
+
|
|
71
|
+
</ol>
|
|
72
|
+
</nav>
|
|
73
|
+
</aside>
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
<article>
|
|
77
|
+
<a name="picasso-framework-css-sass"></a><h1>Picasso. Framework CSS/Sass.</h1>
|
|
78
|
+
|
|
79
|
+
</article>
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
<footer>
|
|
83
|
+
<a href="./all.html">Everything on a single page</a>
|
|
84
|
+
|
|
85
|
+
</footer>
|
|
86
|
+
|
|
87
|
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
|
88
|
+
<script src="./js/docs.js"></script>
|
|
89
|
+
<script src="./js/rainbow-custom.min.js"></script>
|
|
90
|
+
|
|
91
|
+
</body>
|
|
92
|
+
|
|
93
|
+
</html>
|