picasso 0.0.2 → 0.0.3
Sign up to get free protection for your applications and to get access to all the features.
- data/docs/all.html +231 -9
- data/docs/arrows.html +122 -65
- data/docs/bubbles.html +121 -64
- data/docs/build/manifest.json +2 -2
- data/docs/build/md/arrows.md +3 -1
- data/docs/build/md/bubbles.md +2 -0
- data/docs/build/md/buttons.md +5 -1
- data/docs/build/md/changelog.md +18 -0
- data/docs/build/md/components.md +2 -0
- data/docs/build/md/despegar.md +2 -0
- data/docs/build/md/docs.md +21 -0
- data/docs/build/md/ie.md +32 -0
- data/docs/build/md/intro.md +42 -1
- data/docs/build/md/todo.md +3 -0
- data/docs/build/md/utils.md +2 -0
- data/docs/build/templates/layout.html +36 -8
- data/docs/build/templates/page.html +0 -21
- data/docs/buttons.html +125 -65
- data/docs/changelog.html +164 -0
- data/docs/components.html +120 -65
- data/docs/css/markdown.css +1 -1
- data/docs/css/style.css +24 -0
- data/docs/despegar.html +120 -65
- data/docs/docs.html +165 -0
- data/docs/ie.html +170 -0
- data/docs/index.html +147 -65
- data/docs/intro.html +147 -65
- data/docs/todo.html +148 -0
- data/docs/utils.html +120 -65
- data/lib/picasso/version.rb +1 -1
- data/picasso.gemspec +12 -11
- data/stylesheets/picasso/components/buttons/_buttons.scss +16 -1
- data/stylesheets/picasso/components/buttons/_mini-buttons.scss +16 -1
- data/templates/project/manifest.rb +11 -0
- 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:
|
|
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
|
-
<!
|
|
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
|
|
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&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&oacute;n</a></li>
|
|
43
|
+
|
|
44
|
+
<li><a href="./intro.html#actualizacioacuten">Actualizaci&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&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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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.
|
|
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&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&oacute;n</a></li>
|
|
43
|
+
|
|
44
|
+
<li><a href="./intro.html#actualizacioacuten">Actualizaci&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&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ón</h1>
|
|
134
|
+
<ul>
|
|
135
|
+
<li><p>Para generar una nueva versión de la documentació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ó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='.' --templates-dir='docs/build/templates/' docs/build/manifest.json docs</code></pre>
|
|
149
|
+
<ul>
|
|
150
|
+
<li>Revisar que la documentació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>
|