picasso 0.2.3 → 0.3.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/.gitignore +1 -0
- data/README.md +216 -3
- data/docs/_picasso.html +38 -0
- data/docs/config.rb +1 -1
- data/docs/css/{style.css → picasso-docs.css} +797 -1331
- data/docs/img/picasso-buttons-glossy.png +0 -0
- data/docs/img/picasso-nav.png +0 -0
- data/docs/img/picasso-popup.png +0 -0
- data/docs/index.html +201 -198
- data/docs/picasso-_components.html +83 -0
- data/docs/picasso-_despegar.html +34 -0
- data/docs/picasso-_utils.html +40 -0
- data/docs/picasso-components-_accordions.html +183 -0
- data/docs/picasso-components-_arrows.html +124 -0
- data/docs/picasso-components-_bubbles.html +142 -0
- data/docs/picasso-components-_buttons.html +38 -0
- data/docs/picasso-components-_inputs.html +122 -0
- data/docs/picasso-components-_list-grids.html +253 -0
- data/docs/picasso-components-_mini-tooltips.html +152 -0
- data/docs/picasso-components-_navs.html +360 -0
- data/docs/picasso-components-_pagination.html +258 -0
- data/docs/picasso-components-_popups.html +359 -0
- data/docs/picasso-components-buttons-_3d.html +284 -0
- data/docs/picasso-components-buttons-_glossy.html +290 -0
- data/docs/picasso-components-buttons-_mini.html +224 -0
- data/docs/picasso-despegar-_variables.html +145 -0
- data/docs/picasso-utils-_clearfix.html +56 -0
- data/docs/picasso-utils-_grid.html +390 -0
- data/docs/picasso-utils-_ie.html +50 -0
- data/docs/picasso-utils-_sprite.html +62 -0
- data/docs/resources/docs.jade +46 -0
- data/docs/resources/docs.js +52 -0
- data/docs/sass/{style.scss → picasso-docs.scss} +71 -96
- data/lib/picasso/version.rb +1 -1
- data/picasso.gemspec +1 -1
- data/stylesheets/_picasso.scss +14 -0
- data/stylesheets/picasso/_components.scss +54 -0
- data/stylesheets/picasso/_despegar.scss +12 -0
- data/stylesheets/picasso/_utils.scss +17 -1
- data/stylesheets/picasso/components/_accordions.scss +52 -2
- data/stylesheets/picasso/components/_arrows.scss +39 -2
- data/stylesheets/picasso/components/_bubbles.scss +36 -2
- data/stylesheets/picasso/components/_buttons.scss +14 -0
- data/stylesheets/picasso/components/_inputs.scss +41 -2
- data/stylesheets/picasso/components/_list-grids.scss +84 -3
- data/stylesheets/picasso/components/_mini-tooltips.scss +128 -0
- data/stylesheets/picasso/components/_navs.scss +52 -2
- data/stylesheets/picasso/components/_pagination.scss +63 -2
- data/stylesheets/picasso/components/_popups.scss +73 -2
- data/stylesheets/picasso/components/buttons/_3d.scss +75 -2
- data/stylesheets/picasso/components/buttons/_glossy.scss +41 -2
- data/stylesheets/picasso/components/buttons/_mini.scss +44 -2
- data/stylesheets/picasso/despegar/_variables.scss +61 -60
- data/stylesheets/picasso/utils/_clearfix.scss +24 -16
- data/stylesheets/picasso/utils/_grid.scss +269 -0
- data/stylesheets/picasso/utils/_ie.scss +23 -28
- data/stylesheets/picasso/utils/_sprite.scss +15 -3
- metadata +34 -50
- data/docs/accordions.html +0 -276
- data/docs/all.html +0 -1588
- data/docs/arrows.html +0 -233
- data/docs/bubbles.html +0 -231
- data/docs/build/manifest.json +0 -21
- data/docs/build/md/changelog.md +0 -53
- data/docs/build/md/components/accordions.md +0 -97
- data/docs/build/md/components/arrows.md +0 -53
- data/docs/build/md/components/bubbles.md +0 -57
- data/docs/build/md/components/buttons.md +0 -205
- data/docs/build/md/components/components.md +0 -37
- data/docs/build/md/components/inputs.md +0 -73
- data/docs/build/md/components/list-grids.md +0 -180
- data/docs/build/md/components/navs.md +0 -107
- data/docs/build/md/components/pagination.md +0 -112
- data/docs/build/md/components/popups.md +0 -162
- data/docs/build/md/despegar/despegar.md +0 -200
- data/docs/build/md/intro.md +0 -59
- data/docs/build/md/mejoras.md +0 -69
- data/docs/build/md/todo.md +0 -14
- data/docs/build/md/utils/utils.md +0 -62
- data/docs/build/templates/index.html +0 -37
- data/docs/build/templates/layout.html +0 -68
- data/docs/build/templates/page.html +0 -3
- data/docs/buttons.html +0 -357
- data/docs/changelog.html +0 -264
- data/docs/components.html +0 -220
- data/docs/css/github.css +0 -88
- data/docs/css/markdown.css +0 -108
- data/docs/despegar.html +0 -377
- data/docs/inputs.html +0 -248
- data/docs/intro.html +0 -233
- data/docs/js/docs.js +0 -32
- data/docs/js/rainbow-custom.min.js +0 -13
- data/docs/js/viewer.js +0 -12
- data/docs/list-grids.html +0 -350
- data/docs/mejoras.html +0 -250
- data/docs/navs.html +0 -281
- data/docs/pagination.html +0 -286
- data/docs/popups.html +0 -337
- data/docs/todo.html +0 -204
- data/docs/utils.html +0 -233
data/docs/inputs.html
DELETED
|
@@ -1,248 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<!--[if IE 7]> <html class="ie7"> <![endif]-->
|
|
3
|
-
<!--[if IE 8]> <html class="ie8"> <![endif]-->
|
|
4
|
-
<!--[if IE 9]> <html class="ie9"> <![endif]-->
|
|
5
|
-
<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
|
|
6
|
-
|
|
7
|
-
<head>
|
|
8
|
-
<meta charset="utf-8">
|
|
9
|
-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
10
|
-
<title>Picasso. Framework CSS/Sass.</title>
|
|
11
|
-
|
|
12
|
-
<link type="text/css" rel="stylesheet" href="./css/markdown.css">
|
|
13
|
-
<link type="text/css" rel="stylesheet" href="./css/github.css">
|
|
14
|
-
<link type="text/css" rel="stylesheet" href="./css/style.css">
|
|
15
|
-
</head>
|
|
16
|
-
|
|
17
|
-
<body>
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
<header>
|
|
21
|
-
<img src="img/picasso.png" />
|
|
22
|
-
<h1 class="title">Framework CSS/Sass.</h1>
|
|
23
|
-
</header>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
<hr>
|
|
29
|
-
|
|
30
|
-
<h2>Contenidos</h2>
|
|
31
|
-
|
|
32
|
-
<aside>
|
|
33
|
-
<nav>
|
|
34
|
-
<ol>
|
|
35
|
-
|
|
36
|
-
<li>
|
|
37
|
-
<a href="./intro.html#introduccioacuten">Introducci&oacute;n</a>
|
|
38
|
-
|
|
39
|
-
<ol>
|
|
40
|
-
|
|
41
|
-
<li><a href="./intro.html#repositorio">Repositorio</a></li>
|
|
42
|
-
|
|
43
|
-
<li><a href="./intro.html#instalacioacuten">Instalaci&oacute;n</a></li>
|
|
44
|
-
|
|
45
|
-
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
|
46
|
-
|
|
47
|
-
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&oacute;n de oily_png</a></li>
|
|
48
|
-
|
|
49
|
-
</ol>
|
|
50
|
-
|
|
51
|
-
</li>
|
|
52
|
-
|
|
53
|
-
<li>
|
|
54
|
-
<a href="./changelog.html#changelog">Changelog</a>
|
|
55
|
-
|
|
56
|
-
<ol>
|
|
57
|
-
|
|
58
|
-
<li><a href="./changelog.html#023">0.2.3</a></li>
|
|
59
|
-
|
|
60
|
-
<li><a href="./changelog.html#022">0.2.2</a></li>
|
|
61
|
-
|
|
62
|
-
<li><a href="./changelog.html#021">0.2.1</a></li>
|
|
63
|
-
|
|
64
|
-
<li><a href="./changelog.html#020">0.2.0</a></li>
|
|
65
|
-
|
|
66
|
-
<li><a href="./changelog.html#010">0.1.0</a></li>
|
|
67
|
-
|
|
68
|
-
<li><a href="./changelog.html#003">0.0.3</a></li>
|
|
69
|
-
|
|
70
|
-
<li><a href="./changelog.html#002">0.0.2</a></li>
|
|
71
|
-
|
|
72
|
-
<li><a href="./changelog.html#001">0.0.1</a></li>
|
|
73
|
-
|
|
74
|
-
</ol>
|
|
75
|
-
|
|
76
|
-
</li>
|
|
77
|
-
|
|
78
|
-
<li>
|
|
79
|
-
<a href="./todo.html#todo">Todo</a>
|
|
80
|
-
|
|
81
|
-
<ol>
|
|
82
|
-
|
|
83
|
-
<li><a href="./todo.html#componentes">Componentes</a></li>
|
|
84
|
-
|
|
85
|
-
<li><a href="./todo.html#utilidades">Utilidades</a></li>
|
|
86
|
-
|
|
87
|
-
<li><a href="./todo.html#otros">Otros</a></li>
|
|
88
|
-
|
|
89
|
-
</ol>
|
|
90
|
-
|
|
91
|
-
</li>
|
|
92
|
-
|
|
93
|
-
<li>
|
|
94
|
-
<a href="./mejoras.html#mejoras-antildeadidos">Mejoras / A&ntilde;adidos</a>
|
|
95
|
-
|
|
96
|
-
<ol>
|
|
97
|
-
|
|
98
|
-
<li><a href="./mejoras.html#utilizar-el-coacutedigo-fuente">Utilizar el c&oacute;digo fuente</a></li>
|
|
99
|
-
|
|
100
|
-
<li><a href="./mejoras.html#pruebas-locales-de-nuevos-antildeadidos-cambios">Pruebas locales de nuevos a&ntilde;adidos/cambios:</a></li>
|
|
101
|
-
|
|
102
|
-
<li><a href="./mejoras.html#subidas-en-el-repositorio">Subidas en el repositorio</a></li>
|
|
103
|
-
|
|
104
|
-
<li><a href="./mejoras.html#generar-la-documentacioacuten">Generar la documentaci&oacute;n</a></li>
|
|
105
|
-
|
|
106
|
-
</ol>
|
|
107
|
-
|
|
108
|
-
</li>
|
|
109
|
-
|
|
110
|
-
<li>
|
|
111
|
-
<a href="./components.html#components">Components</a>
|
|
112
|
-
|
|
113
|
-
<ol>
|
|
114
|
-
|
|
115
|
-
<li><a href="./components.html#componentes-disponibles">Componentes disponibles</a></li>
|
|
116
|
-
|
|
117
|
-
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
|
118
|
-
|
|
119
|
-
<li><a href="./inputs.html#inputs">Inputs</a></li>
|
|
120
|
-
|
|
121
|
-
<li><a href="./navs.html#navs">Navs</a></li>
|
|
122
|
-
|
|
123
|
-
<li><a href="./list-grids.html#list-grid">List Grid</a></li>
|
|
124
|
-
|
|
125
|
-
<li><a href="./arrows.html#arrows">Arrows</a></li>
|
|
126
|
-
|
|
127
|
-
<li><a href="./pagination.html#pagination">Pagination</a></li>
|
|
128
|
-
|
|
129
|
-
<li><a href="./bubbles.html#bubbles">Bubbles</a></li>
|
|
130
|
-
|
|
131
|
-
<li><a href="./popups.html#popups">Popups</a></li>
|
|
132
|
-
|
|
133
|
-
<li><a href="./accordions.html#accordions">Accordions</a></li>
|
|
134
|
-
|
|
135
|
-
</ol>
|
|
136
|
-
|
|
137
|
-
</li>
|
|
138
|
-
|
|
139
|
-
<li>
|
|
140
|
-
<a href="./utils.html#utils">Utils</a>
|
|
141
|
-
|
|
142
|
-
<ol>
|
|
143
|
-
|
|
144
|
-
<li><a href="./utils.html#clearfix">Clearfix</a></li>
|
|
145
|
-
|
|
146
|
-
<li><a href="./utils.html#ie">IE</a></li>
|
|
147
|
-
|
|
148
|
-
<li><a href="./utils.html#sprite">Sprite</a></li>
|
|
149
|
-
|
|
150
|
-
</ol>
|
|
151
|
-
|
|
152
|
-
</li>
|
|
153
|
-
|
|
154
|
-
<li>
|
|
155
|
-
<a href="./despegar.html#despegar">Despegar</a>
|
|
156
|
-
|
|
157
|
-
<ol>
|
|
158
|
-
|
|
159
|
-
<li><a href="./despegar.html#variables">Variables</a></li>
|
|
160
|
-
|
|
161
|
-
</ol>
|
|
162
|
-
|
|
163
|
-
</li>
|
|
164
|
-
|
|
165
|
-
</ol>
|
|
166
|
-
</nav>
|
|
167
|
-
</aside>
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
<hr>
|
|
172
|
-
|
|
173
|
-
<article>
|
|
174
|
-
<a name="inputs"></a><h2>Inputs</h2>
|
|
175
|
-
<p>Estilos inputs de textos y selects.
|
|
176
|
-
|
|
177
|
-
</p>
|
|
178
|
-
<a name="ejemplos"></a><h3>Ejemplos</h3>
|
|
179
|
-
<a name="ejemplo-1"></a><h4>Ejemplo 1</h4>
|
|
180
|
-
<input type="text" class="text-input-demo-1">
|
|
181
|
-
|
|
182
|
-
<p>
|
|
183
|
-
<select class="select-demo-1">
|
|
184
|
-
<option value="1">1</option>
|
|
185
|
-
<option value="2">2</option>
|
|
186
|
-
<option value="3">3</option>
|
|
187
|
-
</select>
|
|
188
|
-
</p>
|
|
189
|
-
|
|
190
|
-
<a name="ejemplo-2"></a><h4>Ejemplo 2</h4>
|
|
191
|
-
<input type="text" class="text-input-demo-2">
|
|
192
|
-
|
|
193
|
-
<p>
|
|
194
|
-
<select class="select-demo-2">
|
|
195
|
-
<option value="1">1</option>
|
|
196
|
-
<option value="2">2</option>
|
|
197
|
-
<option value="3">3</option>
|
|
198
|
-
</select>
|
|
199
|
-
</p>
|
|
200
|
-
|
|
201
|
-
<a name="html"></a><h3>HTML</h3>
|
|
202
|
-
<p><strong>Text inputs</strong>
|
|
203
|
-
|
|
204
|
-
</p>
|
|
205
|
-
<pre><code class="lang-html"><input type="text" class="text-input"></code></pre>
|
|
206
|
-
<p><strong>Selects</strong>
|
|
207
|
-
|
|
208
|
-
</p>
|
|
209
|
-
<pre><code class="lang-html"><select class="select">
|
|
210
|
-
<option value="1">1</option>
|
|
211
|
-
<option value="2">2</option>
|
|
212
|
-
<option value="3">3</option>
|
|
213
|
-
</select></code></pre>
|
|
214
|
-
<a name="sass"></a><h3>Sass</h3>
|
|
215
|
-
<p>Importación:
|
|
216
|
-
|
|
217
|
-
</p>
|
|
218
|
-
<pre><code class="lang-css">@import "picasso/components/inputs";</code></pre>
|
|
219
|
-
<p>Mixin con los parámetros por defecto:
|
|
220
|
-
|
|
221
|
-
</p>
|
|
222
|
-
<pre><code class="lang-css">.text-input {
|
|
223
|
-
@include input();
|
|
224
|
-
}</code></pre>
|
|
225
|
-
<p>Mixin con parámetros personalizados. Disponibles: ancho, alto, color del borde, color del borde al hacer foco, radio del borde, color del texto, tamaño de la fuente:
|
|
226
|
-
|
|
227
|
-
</p>
|
|
228
|
-
<pre><code class="lang-css">.text-input {
|
|
229
|
-
@include input(100px, 20px, #DDD, blue, 5px, black, 14px);
|
|
230
|
-
}</code></pre>
|
|
231
|
-
<blockquote>
|
|
232
|
-
<p><strong>Nota</strong>: El color del borde debe ser en hexadecimal.
|
|
233
|
-
</p>
|
|
234
|
-
</blockquote>
|
|
235
|
-
|
|
236
|
-
</article>
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
<footer>
|
|
240
|
-
</footer>
|
|
241
|
-
|
|
242
|
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
|
|
243
|
-
<script src="./js/docs.js"></script>
|
|
244
|
-
<script src="./js/rainbow-custom.min.js"></script>
|
|
245
|
-
|
|
246
|
-
</body>
|
|
247
|
-
|
|
248
|
-
</html>
|
data/docs/intro.html
DELETED
|
@@ -1,233 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<!--[if IE 7]> <html class="ie7"> <![endif]-->
|
|
3
|
-
<!--[if IE 8]> <html class="ie8"> <![endif]-->
|
|
4
|
-
<!--[if IE 9]> <html class="ie9"> <![endif]-->
|
|
5
|
-
<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
|
|
6
|
-
|
|
7
|
-
<head>
|
|
8
|
-
<meta charset="utf-8">
|
|
9
|
-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
10
|
-
<title>Picasso. Framework CSS/Sass.</title>
|
|
11
|
-
|
|
12
|
-
<link type="text/css" rel="stylesheet" href="./css/markdown.css">
|
|
13
|
-
<link type="text/css" rel="stylesheet" href="./css/github.css">
|
|
14
|
-
<link type="text/css" rel="stylesheet" href="./css/style.css">
|
|
15
|
-
</head>
|
|
16
|
-
|
|
17
|
-
<body>
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
<header>
|
|
21
|
-
<img src="img/picasso.png" />
|
|
22
|
-
<h1 class="title">Framework CSS/Sass.</h1>
|
|
23
|
-
</header>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
<hr>
|
|
29
|
-
|
|
30
|
-
<h2>Contenidos</h2>
|
|
31
|
-
|
|
32
|
-
<aside>
|
|
33
|
-
<nav>
|
|
34
|
-
<ol>
|
|
35
|
-
|
|
36
|
-
<li>
|
|
37
|
-
<a href="./intro.html#introduccioacuten">Introducci&oacute;n</a>
|
|
38
|
-
|
|
39
|
-
<ol>
|
|
40
|
-
|
|
41
|
-
<li><a href="./intro.html#repositorio">Repositorio</a></li>
|
|
42
|
-
|
|
43
|
-
<li><a href="./intro.html#instalacioacuten">Instalaci&oacute;n</a></li>
|
|
44
|
-
|
|
45
|
-
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
|
46
|
-
|
|
47
|
-
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&oacute;n de oily_png</a></li>
|
|
48
|
-
|
|
49
|
-
</ol>
|
|
50
|
-
|
|
51
|
-
</li>
|
|
52
|
-
|
|
53
|
-
<li>
|
|
54
|
-
<a href="./changelog.html#changelog">Changelog</a>
|
|
55
|
-
|
|
56
|
-
<ol>
|
|
57
|
-
|
|
58
|
-
<li><a href="./changelog.html#023">0.2.3</a></li>
|
|
59
|
-
|
|
60
|
-
<li><a href="./changelog.html#022">0.2.2</a></li>
|
|
61
|
-
|
|
62
|
-
<li><a href="./changelog.html#021">0.2.1</a></li>
|
|
63
|
-
|
|
64
|
-
<li><a href="./changelog.html#020">0.2.0</a></li>
|
|
65
|
-
|
|
66
|
-
<li><a href="./changelog.html#010">0.1.0</a></li>
|
|
67
|
-
|
|
68
|
-
<li><a href="./changelog.html#003">0.0.3</a></li>
|
|
69
|
-
|
|
70
|
-
<li><a href="./changelog.html#002">0.0.2</a></li>
|
|
71
|
-
|
|
72
|
-
<li><a href="./changelog.html#001">0.0.1</a></li>
|
|
73
|
-
|
|
74
|
-
</ol>
|
|
75
|
-
|
|
76
|
-
</li>
|
|
77
|
-
|
|
78
|
-
<li>
|
|
79
|
-
<a href="./todo.html#todo">Todo</a>
|
|
80
|
-
|
|
81
|
-
<ol>
|
|
82
|
-
|
|
83
|
-
<li><a href="./todo.html#componentes">Componentes</a></li>
|
|
84
|
-
|
|
85
|
-
<li><a href="./todo.html#utilidades">Utilidades</a></li>
|
|
86
|
-
|
|
87
|
-
<li><a href="./todo.html#otros">Otros</a></li>
|
|
88
|
-
|
|
89
|
-
</ol>
|
|
90
|
-
|
|
91
|
-
</li>
|
|
92
|
-
|
|
93
|
-
<li>
|
|
94
|
-
<a href="./mejoras.html#mejoras-antildeadidos">Mejoras / A&ntilde;adidos</a>
|
|
95
|
-
|
|
96
|
-
<ol>
|
|
97
|
-
|
|
98
|
-
<li><a href="./mejoras.html#utilizar-el-coacutedigo-fuente">Utilizar el c&oacute;digo fuente</a></li>
|
|
99
|
-
|
|
100
|
-
<li><a href="./mejoras.html#pruebas-locales-de-nuevos-antildeadidos-cambios">Pruebas locales de nuevos a&ntilde;adidos/cambios:</a></li>
|
|
101
|
-
|
|
102
|
-
<li><a href="./mejoras.html#subidas-en-el-repositorio">Subidas en el repositorio</a></li>
|
|
103
|
-
|
|
104
|
-
<li><a href="./mejoras.html#generar-la-documentacioacuten">Generar la documentaci&oacute;n</a></li>
|
|
105
|
-
|
|
106
|
-
</ol>
|
|
107
|
-
|
|
108
|
-
</li>
|
|
109
|
-
|
|
110
|
-
<li>
|
|
111
|
-
<a href="./components.html#components">Components</a>
|
|
112
|
-
|
|
113
|
-
<ol>
|
|
114
|
-
|
|
115
|
-
<li><a href="./components.html#componentes-disponibles">Componentes disponibles</a></li>
|
|
116
|
-
|
|
117
|
-
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
|
118
|
-
|
|
119
|
-
<li><a href="./inputs.html#inputs">Inputs</a></li>
|
|
120
|
-
|
|
121
|
-
<li><a href="./navs.html#navs">Navs</a></li>
|
|
122
|
-
|
|
123
|
-
<li><a href="./list-grids.html#list-grid">List Grid</a></li>
|
|
124
|
-
|
|
125
|
-
<li><a href="./arrows.html#arrows">Arrows</a></li>
|
|
126
|
-
|
|
127
|
-
<li><a href="./pagination.html#pagination">Pagination</a></li>
|
|
128
|
-
|
|
129
|
-
<li><a href="./bubbles.html#bubbles">Bubbles</a></li>
|
|
130
|
-
|
|
131
|
-
<li><a href="./popups.html#popups">Popups</a></li>
|
|
132
|
-
|
|
133
|
-
<li><a href="./accordions.html#accordions">Accordions</a></li>
|
|
134
|
-
|
|
135
|
-
</ol>
|
|
136
|
-
|
|
137
|
-
</li>
|
|
138
|
-
|
|
139
|
-
<li>
|
|
140
|
-
<a href="./utils.html#utils">Utils</a>
|
|
141
|
-
|
|
142
|
-
<ol>
|
|
143
|
-
|
|
144
|
-
<li><a href="./utils.html#clearfix">Clearfix</a></li>
|
|
145
|
-
|
|
146
|
-
<li><a href="./utils.html#ie">IE</a></li>
|
|
147
|
-
|
|
148
|
-
<li><a href="./utils.html#sprite">Sprite</a></li>
|
|
149
|
-
|
|
150
|
-
</ol>
|
|
151
|
-
|
|
152
|
-
</li>
|
|
153
|
-
|
|
154
|
-
<li>
|
|
155
|
-
<a href="./despegar.html#despegar">Despegar</a>
|
|
156
|
-
|
|
157
|
-
<ol>
|
|
158
|
-
|
|
159
|
-
<li><a href="./despegar.html#variables">Variables</a></li>
|
|
160
|
-
|
|
161
|
-
</ol>
|
|
162
|
-
|
|
163
|
-
</li>
|
|
164
|
-
|
|
165
|
-
</ol>
|
|
166
|
-
</nav>
|
|
167
|
-
</aside>
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
<hr>
|
|
172
|
-
|
|
173
|
-
<article>
|
|
174
|
-
<a name="introduccioacuten"></a><h1>Introducción</h1>
|
|
175
|
-
<a name="repositorio"></a><h2>Repositorio</h2>
|
|
176
|
-
<p><a href="http://gitorious.despegar.it/picasso/picasso">http://gitorious.despegar.it/picasso/picasso</a>
|
|
177
|
-
|
|
178
|
-
</p>
|
|
179
|
-
<a name="instalacioacuten"></a><h2>Instalación</h2>
|
|
180
|
-
<p>Ejecutar:
|
|
181
|
-
|
|
182
|
-
</p>
|
|
183
|
-
<pre><code class="lang-bash">$ (sudo) gem install picasso</code></pre>
|
|
184
|
-
<blockquote>
|
|
185
|
-
<p>Opcional: <a href="#opcional-instalacioacuten-de-oily-png">Instalación de oily_png</a>.
|
|
186
|
-
|
|
187
|
-
</p>
|
|
188
|
-
</blockquote>
|
|
189
|
-
<p>En el <code>config.rb</code> agregar:
|
|
190
|
-
|
|
191
|
-
</p>
|
|
192
|
-
<pre><code class="lang-bash">require 'picasso'
|
|
193
|
-
require 'magick'
|
|
194
|
-
gem 'picasso', '~> 0.2.3'</code></pre>
|
|
195
|
-
<p>Modificar el número de versión a medida que se quiere usar nuevas versiones del framework.
|
|
196
|
-
|
|
197
|
-
</p>
|
|
198
|
-
<p>Finalmente, en el archivo Sass importar el framework completo:
|
|
199
|
-
|
|
200
|
-
</p>
|
|
201
|
-
<pre><code class="lang-bash">@import "picasso";</code></pre>
|
|
202
|
-
<p>o sólo lo necesario:
|
|
203
|
-
|
|
204
|
-
</p>
|
|
205
|
-
<pre><code class="lang-bash">@import "picasso/components/buttons";
|
|
206
|
-
@import "picasso/despegar/variables";</code></pre>
|
|
207
|
-
<a name="actualizacioacuten"></a><h2>Actualización</h2>
|
|
208
|
-
<pre><code class="lang-bash">$ (sudo) gem update picasso</code></pre>
|
|
209
|
-
<a name="opcional-instalacioacuten-de-oily-png"></a><h2>Opcional: Instalación de oily_png</h2>
|
|
210
|
-
<p><a href="https://github.com/wvanbergen/oily_png/">oily_png</a> es una gema que permite acelerar la creación de imágenes dinámicas. Se recomienda su instalación en caso de utilizar Picasso para la creación de sprites.
|
|
211
|
-
|
|
212
|
-
</p>
|
|
213
|
-
<a name="windows"></a><h3>Windows</h3>
|
|
214
|
-
<p>Bajar el paquete <a href="http://rubyinstaller.org/downloads/">Development Kit</a>. Extraer dicho paquete en una ruta conocida (por ejemplo <code>C:\DevKit</code>). Abrir una consola, ir a la ruta en donde se pusieron los archivos del <em>Development Kit</em> y ejecutar <code>ruby dk.rb init</code> y luego <code>ruby dk.rb install</code>.
|
|
215
|
-
|
|
216
|
-
</p>
|
|
217
|
-
<a name="linux"></a><h3>Linux</h3>
|
|
218
|
-
<pre><code class="lang-bash">$ (sudo) apt-get update
|
|
219
|
-
$ (sudo) apt-get install ruby-oily-png</code></pre>
|
|
220
|
-
|
|
221
|
-
</article>
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
<footer>
|
|
225
|
-
</footer>
|
|
226
|
-
|
|
227
|
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
|
|
228
|
-
<script src="./js/docs.js"></script>
|
|
229
|
-
<script src="./js/rainbow-custom.min.js"></script>
|
|
230
|
-
|
|
231
|
-
</body>
|
|
232
|
-
|
|
233
|
-
</html>
|