picasso 0.2.3 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (100) hide show
  1. data/.gitignore +1 -0
  2. data/README.md +216 -3
  3. data/docs/_picasso.html +38 -0
  4. data/docs/config.rb +1 -1
  5. data/docs/css/{style.css → picasso-docs.css} +797 -1331
  6. data/docs/img/picasso-buttons-glossy.png +0 -0
  7. data/docs/img/picasso-nav.png +0 -0
  8. data/docs/img/picasso-popup.png +0 -0
  9. data/docs/index.html +201 -198
  10. data/docs/picasso-_components.html +83 -0
  11. data/docs/picasso-_despegar.html +34 -0
  12. data/docs/picasso-_utils.html +40 -0
  13. data/docs/picasso-components-_accordions.html +183 -0
  14. data/docs/picasso-components-_arrows.html +124 -0
  15. data/docs/picasso-components-_bubbles.html +142 -0
  16. data/docs/picasso-components-_buttons.html +38 -0
  17. data/docs/picasso-components-_inputs.html +122 -0
  18. data/docs/picasso-components-_list-grids.html +253 -0
  19. data/docs/picasso-components-_mini-tooltips.html +152 -0
  20. data/docs/picasso-components-_navs.html +360 -0
  21. data/docs/picasso-components-_pagination.html +258 -0
  22. data/docs/picasso-components-_popups.html +359 -0
  23. data/docs/picasso-components-buttons-_3d.html +284 -0
  24. data/docs/picasso-components-buttons-_glossy.html +290 -0
  25. data/docs/picasso-components-buttons-_mini.html +224 -0
  26. data/docs/picasso-despegar-_variables.html +145 -0
  27. data/docs/picasso-utils-_clearfix.html +56 -0
  28. data/docs/picasso-utils-_grid.html +390 -0
  29. data/docs/picasso-utils-_ie.html +50 -0
  30. data/docs/picasso-utils-_sprite.html +62 -0
  31. data/docs/resources/docs.jade +46 -0
  32. data/docs/resources/docs.js +52 -0
  33. data/docs/sass/{style.scss → picasso-docs.scss} +71 -96
  34. data/lib/picasso/version.rb +1 -1
  35. data/picasso.gemspec +1 -1
  36. data/stylesheets/_picasso.scss +14 -0
  37. data/stylesheets/picasso/_components.scss +54 -0
  38. data/stylesheets/picasso/_despegar.scss +12 -0
  39. data/stylesheets/picasso/_utils.scss +17 -1
  40. data/stylesheets/picasso/components/_accordions.scss +52 -2
  41. data/stylesheets/picasso/components/_arrows.scss +39 -2
  42. data/stylesheets/picasso/components/_bubbles.scss +36 -2
  43. data/stylesheets/picasso/components/_buttons.scss +14 -0
  44. data/stylesheets/picasso/components/_inputs.scss +41 -2
  45. data/stylesheets/picasso/components/_list-grids.scss +84 -3
  46. data/stylesheets/picasso/components/_mini-tooltips.scss +128 -0
  47. data/stylesheets/picasso/components/_navs.scss +52 -2
  48. data/stylesheets/picasso/components/_pagination.scss +63 -2
  49. data/stylesheets/picasso/components/_popups.scss +73 -2
  50. data/stylesheets/picasso/components/buttons/_3d.scss +75 -2
  51. data/stylesheets/picasso/components/buttons/_glossy.scss +41 -2
  52. data/stylesheets/picasso/components/buttons/_mini.scss +44 -2
  53. data/stylesheets/picasso/despegar/_variables.scss +61 -60
  54. data/stylesheets/picasso/utils/_clearfix.scss +24 -16
  55. data/stylesheets/picasso/utils/_grid.scss +269 -0
  56. data/stylesheets/picasso/utils/_ie.scss +23 -28
  57. data/stylesheets/picasso/utils/_sprite.scss +15 -3
  58. metadata +34 -50
  59. data/docs/accordions.html +0 -276
  60. data/docs/all.html +0 -1588
  61. data/docs/arrows.html +0 -233
  62. data/docs/bubbles.html +0 -231
  63. data/docs/build/manifest.json +0 -21
  64. data/docs/build/md/changelog.md +0 -53
  65. data/docs/build/md/components/accordions.md +0 -97
  66. data/docs/build/md/components/arrows.md +0 -53
  67. data/docs/build/md/components/bubbles.md +0 -57
  68. data/docs/build/md/components/buttons.md +0 -205
  69. data/docs/build/md/components/components.md +0 -37
  70. data/docs/build/md/components/inputs.md +0 -73
  71. data/docs/build/md/components/list-grids.md +0 -180
  72. data/docs/build/md/components/navs.md +0 -107
  73. data/docs/build/md/components/pagination.md +0 -112
  74. data/docs/build/md/components/popups.md +0 -162
  75. data/docs/build/md/despegar/despegar.md +0 -200
  76. data/docs/build/md/intro.md +0 -59
  77. data/docs/build/md/mejoras.md +0 -69
  78. data/docs/build/md/todo.md +0 -14
  79. data/docs/build/md/utils/utils.md +0 -62
  80. data/docs/build/templates/index.html +0 -37
  81. data/docs/build/templates/layout.html +0 -68
  82. data/docs/build/templates/page.html +0 -3
  83. data/docs/buttons.html +0 -357
  84. data/docs/changelog.html +0 -264
  85. data/docs/components.html +0 -220
  86. data/docs/css/github.css +0 -88
  87. data/docs/css/markdown.css +0 -108
  88. data/docs/despegar.html +0 -377
  89. data/docs/inputs.html +0 -248
  90. data/docs/intro.html +0 -233
  91. data/docs/js/docs.js +0 -32
  92. data/docs/js/rainbow-custom.min.js +0 -13
  93. data/docs/js/viewer.js +0 -12
  94. data/docs/list-grids.html +0 -350
  95. data/docs/mejoras.html +0 -250
  96. data/docs/navs.html +0 -281
  97. data/docs/pagination.html +0 -286
  98. data/docs/popups.html +0 -337
  99. data/docs/todo.html +0 -204
  100. data/docs/utils.html +0 -233
data/docs/changelog.html DELETED
@@ -1,264 +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&amp;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&amp;oacute;n</a></li>
44
-
45
- <li><a href="./intro.html#actualizacioacuten">Actualizaci&amp;oacute;n</a></li>
46
-
47
- <li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&amp;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&amp;ntilde;adidos</a>
95
-
96
- <ol>
97
-
98
- <li><a href="./mejoras.html#utilizar-el-coacutedigo-fuente">Utilizar el c&amp;oacute;digo fuente</a></li>
99
-
100
- <li><a href="./mejoras.html#pruebas-locales-de-nuevos-antildeadidos-cambios">Pruebas locales de nuevos a&amp;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&amp;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="changelog"></a><h1>Changelog</h1>
175
- <a name="023"></a><h2>0.2.3</h2>
176
- <ul>
177
- <li>Fix estado estado <code>disabled</code> para IE;</li>
178
- </ul>
179
- <a name="022"></a><h2>0.2.2</h2>
180
- <ul>
181
- <li>Se agrega estado <code>disabled</code> para los botones 3D;</li>
182
- </ul>
183
- <a name="021"></a><h2>0.2.1</h2>
184
- <ul>
185
- <li>Fix sombras, gradientes y bordes de botones y nav de IE9;</li>
186
- </ul>
187
- <a name="020"></a><h2>0.2.0</h2>
188
- <ul>
189
- <li>Fix degradados de botones en Chrome;</li>
190
- <li>Separaci&oacute;n de botones por tipo;</li>
191
- <li>Nuevos botones 3D;</li>
192
- <li>Se quita a oily_png como dependencia;</li>
193
- </ul>
194
- <a name="010"></a><h2>0.1.0</h2>
195
- <ul>
196
- <li>Agregados nuevos componentes:</li>
197
- <li><ul>
198
- <li>Popups</li>
199
- </ul>
200
- </li>
201
- <li><ul>
202
- <li>Pagination</li>
203
- </ul>
204
- </li>
205
- <li><ul>
206
- <li>Navs</li>
207
- </ul>
208
- </li>
209
- <li><ul>
210
- <li>List Grids</li>
211
- </ul>
212
- </li>
213
- <li><ul>
214
- <li>Inputs</li>
215
- </ul>
216
- </li>
217
- <li><ul>
218
- <li>Accordions</li>
219
- </ul>
220
- </li>
221
- <li>Agregadas nuevas utilidades:</li>
222
- <li><ul>
223
- <li>Sprite: <code>insert-in-sprite()</code></li>
224
- </ul>
225
- </li>
226
- <li><ul>
227
- <li>IE: <code>after()</code> / <code>before()</code></li>
228
- </ul>
229
- </li>
230
- <li>Nuevo fallback para IE: Generaci&oacute;n din&aacute;mica de sprites para componentes a trav&eacute;s de <a href="https://github.com/StanAngeloff/compass-magick">compass-magick</a>.</li>
231
- <li>Se elimina el soporte para CSS3 Pie, siendo reemplazado por fallback de sprites.</li>
232
- <li>Reorganizaci&oacute;n interna de la documentaci&oacute;n.</li>
233
- </ul>
234
- <a name="003"></a><h2>0.0.3</h2>
235
- <ul>
236
- <li>Agregados estilos de fallback para Internet Explorer.</li>
237
- <li>Soporte para CSS3 Pie (de manera predeterminado apagado).</li>
238
- <li>Agregada la documentaci&oacute;n sobre la generaci&oacute;n de docs.</li>
239
- </ul>
240
- <a name="002"></a><h2>0.0.2</h2>
241
- <ul>
242
- <li>Modularizaci&oacute;n del componente.</li>
243
- <li>Agregados: buttons, mini-buttons, bubbles y arrows.</li>
244
- <li>Creaci&oacute;n de la documentaci&oacute;n.</li>
245
- </ul>
246
- <a name="001"></a><h2>0.0.1</h2>
247
- <ul>
248
- <li>Versi&oacute;n inicial.</li>
249
- <li>Agregadas las variables de la marca Despegar y clearfix.</li>
250
- </ul>
251
-
252
- </article>
253
-
254
-
255
- <footer>
256
- </footer>
257
-
258
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
259
- <script src="./js/docs.js"></script>
260
- <script src="./js/rainbow-custom.min.js"></script>
261
-
262
- </body>
263
-
264
- </html>
data/docs/components.html DELETED
@@ -1,220 +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&amp;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&amp;oacute;n</a></li>
44
-
45
- <li><a href="./intro.html#actualizacioacuten">Actualizaci&amp;oacute;n</a></li>
46
-
47
- <li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&amp;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&amp;ntilde;adidos</a>
95
-
96
- <ol>
97
-
98
- <li><a href="./mejoras.html#utilizar-el-coacutedigo-fuente">Utilizar el c&amp;oacute;digo fuente</a></li>
99
-
100
- <li><a href="./mejoras.html#pruebas-locales-de-nuevos-antildeadidos-cambios">Pruebas locales de nuevos a&amp;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&amp;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
- <hr>
175
- <a name="components"></a><h1>Components</h1>
176
- <p>Representan a elementos comunes/patrones utilizados a lo largo del sitio. Estan pensandos para ser flexibles y configurables para ser implementados en distintas situaciones.
177
-
178
- </p>
179
- <p>La gran mayor&iacute;a de los componentes hacen uso intensivo de estilos CSS3 y ofrecen estrateg&iacute;as alternativas (<a href="https://encrypted.google.com/search?hl=en&amp;q=fallback%20definition">fallback</a>) para navegadores que no soportan dichos estilos (Internet Explorer &lt;= 9).
180
-
181
- </p>
182
- <p>Para tener compatibilidad con Internet Explorer, el &uacute;nico requisito es que la p&aacute;gina que carga los estilos generados por Picasso posean la <a href="http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/">t&eacute;cnica de clases condicionales en la etiqueta html</a>:
183
-
184
- </p>
185
- <pre><code class="lang-html">&lt;!DOCTYPE html&gt;
186
- &lt;!--[if IE 7]&gt; &lt;html class=&quot;ie7&quot;&gt; &lt;![endif]--&gt;
187
- &lt;!--[if IE 8]&gt; &lt;html class=&quot;ie8&quot;&gt; &lt;![endif]--&gt;
188
- &lt;!--[if IE 9]&gt; &lt;html class=&quot;ie9&quot;&gt; &lt;![endif]--&gt;
189
- &lt;!--[if gt IE 9]&gt;&lt;!--&gt; &lt;html&gt; &lt;!--&lt;![endif]--&gt;</code></pre>
190
- <a name="estrategias-y-estilos-de-fallback-para-ie-en-componentes"></a><h3>Estrategias y estilos de fallback para IE en componentes</h3>
191
- <p>Para ciertos componentes, Picasso ofrece dos estrategias para aplicar estilos de fallback. Dichas estrateg&iacute;as se setean en variables individuales de cada componente, por ejemplo:
192
-
193
- </p>
194
- <pre><code class="lang-css">$&lt;componente&gt;-ie-fallback: &quot;sprites&quot;|&quot;GD&quot;</code></pre>
195
- <p>Los valores admitidos son <code>sprites</code> y <code>GD</code> (Graceful Degradation).
196
-
197
- </p>
198
- <a name="estrategiacutea-de-sprites"></a><h4>Estrateg&iacute;a de sprites</h4>
199
- <p>Por cada componente, Picasso generar&aacute; dinamicamente un sprite para recrear los estilos de cada elemento y setear&aacute; los estilos para que Internet Explorer utilice el sprite generado.
200
-
201
- </p>
202
- <a name="estrategiacutea-gd"></a><h4>Estrateg&iacute;a GD</h4>
203
- <p>Por cada componente, Picasso setear&aacute; estilos minimos, soportados por Internet Explorer, para que el componente siga siendo usable y funcional.
204
-
205
- </p>
206
- <a name="componentes-disponibles"></a><h2>Componentes disponibles</h2>
207
-
208
- </article>
209
-
210
-
211
- <footer>
212
- </footer>
213
-
214
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
215
- <script src="./js/docs.js"></script>
216
- <script src="./js/rainbow-custom.min.js"></script>
217
-
218
- </body>
219
-
220
- </html>