picasso 0.0.2 → 0.0.3

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 (35) hide show
  1. data/docs/all.html +231 -9
  2. data/docs/arrows.html +122 -65
  3. data/docs/bubbles.html +121 -64
  4. data/docs/build/manifest.json +2 -2
  5. data/docs/build/md/arrows.md +3 -1
  6. data/docs/build/md/bubbles.md +2 -0
  7. data/docs/build/md/buttons.md +5 -1
  8. data/docs/build/md/changelog.md +18 -0
  9. data/docs/build/md/components.md +2 -0
  10. data/docs/build/md/despegar.md +2 -0
  11. data/docs/build/md/docs.md +21 -0
  12. data/docs/build/md/ie.md +32 -0
  13. data/docs/build/md/intro.md +42 -1
  14. data/docs/build/md/todo.md +3 -0
  15. data/docs/build/md/utils.md +2 -0
  16. data/docs/build/templates/layout.html +36 -8
  17. data/docs/build/templates/page.html +0 -21
  18. data/docs/buttons.html +125 -65
  19. data/docs/changelog.html +164 -0
  20. data/docs/components.html +120 -65
  21. data/docs/css/markdown.css +1 -1
  22. data/docs/css/style.css +24 -0
  23. data/docs/despegar.html +120 -65
  24. data/docs/docs.html +165 -0
  25. data/docs/ie.html +170 -0
  26. data/docs/index.html +147 -65
  27. data/docs/intro.html +147 -65
  28. data/docs/todo.html +148 -0
  29. data/docs/utils.html +120 -65
  30. data/lib/picasso/version.rb +1 -1
  31. data/picasso.gemspec +12 -11
  32. data/stylesheets/picasso/components/buttons/_buttons.scss +16 -1
  33. data/stylesheets/picasso/components/buttons/_mini-buttons.scss +16 -1
  34. data/templates/project/manifest.rb +11 -0
  35. metadata +19 -4
data/docs/css/markdown.css CHANGED
@@ -65,7 +65,7 @@ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: b
65
65
  sup { top: -0.5em; }
66
66
  sub { bottom: -0.25em; }
67
67
 
68
- ul, ol { margin: 1em 0; padding: 0 0 0 2em; }
68
+ ul, ol { margin: 0.5em 0; padding: 0 0 0 2em; }
69
69
  li p:last-child { margin:0 }
70
70
  dd { margin: 0 0 0 2em; }
71
71
 
data/docs/css/style.css CHANGED
@@ -86,6 +86,9 @@
86
86
  background: -ms-linear-gradient(#ff0000 30%, #ff0505);
87
87
  background: linear-gradient(#ff0000 30%, #ff0505);
88
88
  }
89
+ .ie9 .button-demo-1, .ie8 .button-demo-1, .ie7 .button-demo-1 {
90
+ background-color: red;
91
+ }
89
92
 
90
93
  .button-demo-2 {
91
94
  width: 70px;
@@ -175,6 +178,9 @@
175
178
  background: -ms-linear-gradient(#0088cc 30%, #008bd1);
176
179
  background: linear-gradient(#0088cc 30%, #008bd1);
177
180
  }
181
+ .ie9 .button-demo-2, .ie8 .button-demo-2, .ie7 .button-demo-2 {
182
+ background-color: #0088cc;
183
+ }
178
184
 
179
185
  .button-demo-3 {
180
186
  width: 80px;
@@ -264,6 +270,9 @@
264
270
  background: -ms-linear-gradient(#fbb450 30%, #fbb655);
265
271
  background: linear-gradient(#fbb450 30%, #fbb655);
266
272
  }
273
+ .ie9 .button-demo-3, .ie8 .button-demo-3, .ie7 .button-demo-3 {
274
+ background-color: #fbb450;
275
+ }
267
276
 
268
277
  .button-demo-4 {
269
278
  width: 250px;
@@ -353,6 +362,9 @@
353
362
  background: -ms-linear-gradient(#62c462 30%, #66c566);
354
363
  background: linear-gradient(#62c462 30%, #66c566);
355
364
  }
365
+ .ie9 .button-demo-4, .ie8 .button-demo-4, .ie7 .button-demo-4 {
366
+ background-color: #62c462;
367
+ }
356
368
 
357
369
  .mini-button-demo-1 {
358
370
  display: inline-block;
@@ -395,6 +407,9 @@
395
407
  display: block;
396
408
  font-size: 11px;
397
409
  }
410
+ .ie9 .mini-button-demo-1, .ie8 .mini-button-demo-1, .ie7 .mini-button-demo-1 {
411
+ background-color: #f0f0f0;
412
+ }
398
413
 
399
414
  .mini-button-demo-2 {
400
415
  display: inline-block;
@@ -437,6 +452,9 @@
437
452
  display: block;
438
453
  font-size: 11px;
439
454
  }
455
+ .ie9 .mini-button-demo-2, .ie8 .mini-button-demo-2, .ie7 .mini-button-demo-2 {
456
+ background-color: #0088cc;
457
+ }
440
458
 
441
459
  .mini-button-demo-3 {
442
460
  display: inline-block;
@@ -479,6 +497,9 @@
479
497
  display: block;
480
498
  font-size: 11px;
481
499
  }
500
+ .ie9 .mini-button-demo-3, .ie8 .mini-button-demo-3, .ie7 .mini-button-demo-3 {
501
+ background-color: #da4f49;
502
+ }
482
503
 
483
504
  .mini-button-demo-4 {
484
505
  display: inline-block;
@@ -521,6 +542,9 @@
521
542
  display: block;
522
543
  font-size: 11px;
523
544
  }
545
+ .ie9 .mini-button-demo-4, .ie8 .mini-button-demo-4, .ie7 .mini-button-demo-4 {
546
+ background-color: #414141;
547
+ }
524
548
 
525
549
  .arrow-demo-1 {
526
550
  padding: 0px 5px;
data/docs/despegar.html CHANGED
@@ -1,10 +1,13 @@
1
- <!doctype html>
2
- <html>
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]-->
3
6
 
4
7
  <head>
5
8
  <meta charset="utf-8">
6
9
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7
- <title>Picasso Docs</title>
10
+ <title>Picasso. Framework CSS/Sass.</title>
8
11
 
9
12
  <link type="text/css" rel="stylesheet" href="./css/markdown.css">
10
13
  <link type="text/css" rel="stylesheet" href="./css/github.css">
@@ -14,67 +17,121 @@
14
17
  <body>
15
18
 
16
19
 
20
+ <header>
21
+ <h1>Picasso. Framework CSS/Sass.</h1>
22
+ </header>
23
+
24
+
25
+
26
+
27
+ <hr>
28
+
29
+ <h2>Contenidos</h2>
30
+
31
+ <aside>
32
+ <nav>
33
+ <ol>
34
+
35
+ <li>
36
+ <a href="./intro.html#introduccioacuten">Introducci&amp;oacute;n</a>
37
+
38
+ <ol>
39
+
40
+ <li><a href="./intro.html#repositorio">Repositorio</a></li>
41
+
42
+ <li><a href="./intro.html#instalacioacuten">Instalaci&amp;oacute;n</a></li>
43
+
44
+ <li><a href="./intro.html#actualizacioacuten">Actualizaci&amp;oacute;n</a></li>
45
+
46
+ </ol>
47
+
48
+ </li>
49
+
50
+ <li>
51
+ <a href="./changelog.html#changelog">Changelog</a>
52
+
53
+ <ol>
54
+
55
+ <li><a href="./changelog.html#003">0.0.3</a></li>
56
+
57
+ <li><a href="./changelog.html#002">0.0.2</a></li>
58
+
59
+ <li><a href="./changelog.html#001">0.0.1</a></li>
60
+
61
+ </ol>
62
+
63
+ </li>
64
+
65
+ <li>
66
+ <a href="./todo.html#todo">Todo</a>
67
+
68
+ <ol>
69
+
70
+ </ol>
71
+
72
+ </li>
73
+
74
+ <li>
75
+ <a href="./docs.html#generar-la-documentacioacuten">Generar la documentaci&amp;oacute;n</a>
76
+
77
+ <ol>
78
+
79
+ </ol>
80
+
81
+ </li>
82
+
83
+ <li>
84
+ <a href="./components.html#components">Components</a>
85
+
86
+ <ol>
87
+
88
+ <li><a href="./buttons.html#buttons">Buttons</a></li>
89
+
90
+ <li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
91
+
92
+ <li><a href="./arrows.html#arrows">Arrows</a></li>
93
+
94
+ <li><a href="./bubbles.html#bubbles">Bubbles</a></li>
95
+
96
+ <li><a href="./ie.html#internet-explorer">Internet Explorer</a></li>
97
+
98
+ </ol>
99
+
100
+ </li>
101
+
102
+ <li>
103
+ <a href="./utils.html#utils">Utils</a>
104
+
105
+ <ol>
106
+
107
+ <li><a href="./utils.html#clearfix">Clearfix</a></li>
108
+
109
+ </ol>
110
+
111
+ </li>
112
+
113
+ <li>
114
+ <a href="./despegar.html#despegar">Despegar</a>
115
+
116
+ <ol>
117
+
118
+ <li><a href="./despegar.html#variables">Variables</a></li>
119
+
120
+ </ol>
121
+
122
+ </li>
123
+
124
+ </ol>
125
+ </nav>
126
+ </aside>
17
127
 
18
128
 
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>
129
+
130
+ <hr>
131
+
132
+ <article>
133
+ <hr>
134
+ <a name="despegar"></a><h1>Despegar</h1>
78
135
  <a name="variables"></a><h2>Variables</h2>
79
136
  <a name="ejemplos"></a><h3>Ejemplos</h3>
80
137
  <a name="cuerpos-tipograficos"></a><h4>Cuerpos tipograficos</h4>
@@ -268,11 +325,9 @@
268
325
 
269
326
 
270
327
  <footer>
271
- <a href="./all.html">Everything on a single page</a>
272
-
273
328
  </footer>
274
329
 
275
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
330
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
276
331
  <script src="./js/docs.js"></script>
277
332
  <script src="./js/rainbow-custom.min.js"></script>
278
333
 
data/docs/docs.html ADDED
@@ -0,0 +1,165 @@
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
+ <h1>Picasso. Framework CSS/Sass.</h1>
22
+ </header>
23
+
24
+
25
+
26
+
27
+ <hr>
28
+
29
+ <h2>Contenidos</h2>
30
+
31
+ <aside>
32
+ <nav>
33
+ <ol>
34
+
35
+ <li>
36
+ <a href="./intro.html#introduccioacuten">Introducci&amp;oacute;n</a>
37
+
38
+ <ol>
39
+
40
+ <li><a href="./intro.html#repositorio">Repositorio</a></li>
41
+
42
+ <li><a href="./intro.html#instalacioacuten">Instalaci&amp;oacute;n</a></li>
43
+
44
+ <li><a href="./intro.html#actualizacioacuten">Actualizaci&amp;oacute;n</a></li>
45
+
46
+ </ol>
47
+
48
+ </li>
49
+
50
+ <li>
51
+ <a href="./changelog.html#changelog">Changelog</a>
52
+
53
+ <ol>
54
+
55
+ <li><a href="./changelog.html#003">0.0.3</a></li>
56
+
57
+ <li><a href="./changelog.html#002">0.0.2</a></li>
58
+
59
+ <li><a href="./changelog.html#001">0.0.1</a></li>
60
+
61
+ </ol>
62
+
63
+ </li>
64
+
65
+ <li>
66
+ <a href="./todo.html#todo">Todo</a>
67
+
68
+ <ol>
69
+
70
+ </ol>
71
+
72
+ </li>
73
+
74
+ <li>
75
+ <a href="./docs.html#generar-la-documentacioacuten">Generar la documentaci&amp;oacute;n</a>
76
+
77
+ <ol>
78
+
79
+ </ol>
80
+
81
+ </li>
82
+
83
+ <li>
84
+ <a href="./components.html#components">Components</a>
85
+
86
+ <ol>
87
+
88
+ <li><a href="./buttons.html#buttons">Buttons</a></li>
89
+
90
+ <li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
91
+
92
+ <li><a href="./arrows.html#arrows">Arrows</a></li>
93
+
94
+ <li><a href="./bubbles.html#bubbles">Bubbles</a></li>
95
+
96
+ <li><a href="./ie.html#internet-explorer">Internet Explorer</a></li>
97
+
98
+ </ol>
99
+
100
+ </li>
101
+
102
+ <li>
103
+ <a href="./utils.html#utils">Utils</a>
104
+
105
+ <ol>
106
+
107
+ <li><a href="./utils.html#clearfix">Clearfix</a></li>
108
+
109
+ </ol>
110
+
111
+ </li>
112
+
113
+ <li>
114
+ <a href="./despegar.html#despegar">Despegar</a>
115
+
116
+ <ol>
117
+
118
+ <li><a href="./despegar.html#variables">Variables</a></li>
119
+
120
+ </ol>
121
+
122
+ </li>
123
+
124
+ </ol>
125
+ </nav>
126
+ </aside>
127
+
128
+
129
+
130
+ <hr>
131
+
132
+ <article>
133
+ <a name="generar-la-documentacioacuten"></a><h1>Generar la documentaci&oacute;n</h1>
134
+ <ul>
135
+ <li><p>Para generar una nueva versi&oacute;n de la documentaci&oacute;n es necesario tener instalado node.js: <a href="http://nodejs.org/#download">http://nodejs.org/#download</a></p>
136
+ </li>
137
+ <li><p>Abrir una terminal e instalar <a href="http://beautifuldocs.com/">Beautiful docs</a>:</p>
138
+ </li>
139
+ </ul>
140
+ <pre><code class="lang-bash">$ npm install beautiful-docs -g</code></pre>
141
+ <ul>
142
+ <li><p>Crear (o actualizar) los archivos <code>.md</code> (<code>docs/build/md</code>) con la documentaci&oacute;n pertinente. En caso de agregar un nuevo archivo <code>.md</code>, actualizar el <code>manifest.json</code>. </p>
143
+ <pre><code> Nota: Cada `.md` es un archivo de texto plano escrito con la sintaxis [markdown](http://daringfireball.net/projects/markdown/basics).</code></pre>
144
+ </li>
145
+ <li><p>Pararse sobre la carpeta raiz del proyecto y ejecutar:</p>
146
+ </li>
147
+ </ul>
148
+ <pre><code class="lang-bash">bfdocs --base-url=&#39;.&#39; --templates-dir=&#39;docs/build/templates/&#39; docs/build/manifest.json docs</code></pre>
149
+ <ul>
150
+ <li>Revisar que la documentaci&oacute;n se haya generado correctamente abriendo el archivo <code>.html</code> pertinente.</li>
151
+ </ul>
152
+
153
+ </article>
154
+
155
+
156
+ <footer>
157
+ </footer>
158
+
159
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
160
+ <script src="./js/docs.js"></script>
161
+ <script src="./js/rainbow-custom.min.js"></script>
162
+
163
+ </body>
164
+
165
+ </html>