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.
Files changed (41) hide show
  1. data/README.md +1 -1
  2. data/docs/all.html +391 -0
  3. data/docs/arrows.html +130 -0
  4. data/docs/bubbles.html +126 -0
  5. data/docs/build/manifest.json +4 -0
  6. data/docs/build/md/arrows.md +43 -0
  7. data/docs/build/md/bubbles.md +43 -0
  8. data/docs/build/md/buttons.md +89 -0
  9. data/docs/build/md/components.md +1 -0
  10. data/docs/build/md/despegar.md +198 -0
  11. data/docs/build/md/intro.md +1 -0
  12. data/docs/build/md/utils.md +17 -0
  13. data/docs/build/templates/index.html +37 -0
  14. data/docs/build/templates/layout.html +39 -0
  15. data/docs/build/templates/page.html +24 -0
  16. data/docs/buttons.html +170 -0
  17. data/docs/components.html +93 -0
  18. data/docs/config.rb +6 -0
  19. data/docs/css/github.css +88 -0
  20. data/docs/css/markdown.css +100 -0
  21. data/docs/css/style.css +838 -0
  22. data/docs/despegar.html +281 -0
  23. data/docs/index.html +93 -0
  24. data/docs/intro.html +93 -0
  25. data/docs/js/docs.js +16 -0
  26. data/docs/js/rainbow-custom.min.js +13 -0
  27. data/docs/sass/style.scss +215 -0
  28. data/docs/utils.html +104 -0
  29. data/lib/picasso/version.rb +1 -1
  30. data/stylesheets/_picasso.scss +3 -0
  31. data/stylesheets/picasso/_components.scss +3 -0
  32. data/stylesheets/picasso/_despegar.scss +1 -0
  33. data/stylesheets/picasso/_utils.scss +1 -0
  34. data/stylesheets/picasso/components/_arrows.scss +54 -0
  35. data/stylesheets/picasso/components/_bubbles.scss +76 -0
  36. data/stylesheets/picasso/components/_buttons.scss +2 -0
  37. data/stylesheets/picasso/components/buttons/_buttons.scss +106 -0
  38. data/stylesheets/picasso/components/buttons/_mini-buttons.scss +66 -0
  39. data/stylesheets/{despegar → picasso/despegar}/_variables.scss +4 -2
  40. data/stylesheets/picasso/utils/_clearfix.scss +33 -0
  41. metadata +41 -4
@@ -0,0 +1 @@
1
+ # Picasso. Framework CSS/Sass.
@@ -0,0 +1,17 @@
1
+ # Utils
2
+
3
+ ## Clearfix
4
+
5
+ Basado en http://nicolasgallagher.com/micro-clearfix-hack/.
6
+
7
+ ### Sass
8
+
9
+ ```css
10
+ @import "picasso/utils/clearfix";
11
+
12
+ //Clearfix
13
+ .container{
14
+ @include clearfix;
15
+ }
16
+
17
+ ```
@@ -0,0 +1,37 @@
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><%= @title %></title>
8
+ </head>
9
+
10
+ <body>
11
+
12
+ <header>
13
+ <h1><%= @title %></h1>
14
+ </header>
15
+
16
+ <div role="main">
17
+
18
+ <% for categoryName, manifests of @categories: %>
19
+ <section class="category">
20
+ <h2><%= categoryName %></h2>
21
+ <ul>
22
+ <% for manifest in manifests: %>
23
+ <li><a href="<%= @baseUrl %><%- manifest.slug %>/"><%= manifest.title %></a></li>
24
+ <% end %>
25
+ </ul>
26
+ </section>
27
+ <% end %>
28
+
29
+ </div>
30
+
31
+ <footer>
32
+
33
+ </footer>
34
+
35
+ </body>
36
+
37
+ </html>
@@ -0,0 +1,39 @@
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><%= @manifest.title %></title>
8
+ <% if @manifest.options.css: %>
9
+ <link type="text/css" rel="stylesheet" href="<%- @manifest.options.css %>">
10
+ <% end %>
11
+ <link type="text/css" rel="stylesheet" href="<%= @baseUrl %>css/markdown.css">
12
+ <link type="text/css" rel="stylesheet" href="<%= @baseUrl %>css/github.css">
13
+ <link type="text/css" rel="stylesheet" href="<%= @baseUrl %>css/style.css">
14
+ </head>
15
+
16
+ <body>
17
+
18
+ <% if not @noHeader: %>
19
+ <header>
20
+ <h1><a href="<%= @baseUrl %>"><%= @manifest.title %></a></h1>
21
+ </header>
22
+ <% end %>
23
+
24
+ <%- @content %>
25
+
26
+ <footer>
27
+ <a href="<%= @baseUrl %>all.html">Everything on a single page</a>
28
+ <% if @manifest.options.github: %>
29
+ - <a href="https://github.com/<%= @manifest.options.github %>" id="fork-me-on-github">Fork me on Github</a>
30
+ <% end %>
31
+ </footer>
32
+
33
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
34
+ <script src="<%= @baseUrl %>js/docs.js"></script>
35
+ <script src="<%= @baseUrl %>js/rainbow-custom.min.js"></script>
36
+
37
+ </body>
38
+
39
+ </html>
@@ -0,0 +1,24 @@
1
+ <% if not @noToc: %>
2
+ <aside>
3
+ <nav>
4
+ <ol>
5
+ <% for entry in @manifest.tableOfContent: %>
6
+ <li>
7
+ <a href="<%= @baseUrl %><%- entry.slug %>.html#<%= entry.anchor %>"><%= entry.title %></a>
8
+ <% if entry.childs: %>
9
+ <ol>
10
+ <% for child in entry.childs: %>
11
+ <li><a href="<%= @baseUrl %><%- child.slug %>.html#<%= child.anchor %>"><%= child.title %></a></li>
12
+ <% end %>
13
+ </ol>
14
+ <% end %>
15
+ </li>
16
+ <% end %>
17
+ </ol>
18
+ </nav>
19
+ </aside>
20
+ <% end %>
21
+
22
+ <article>
23
+ <%- @content %>
24
+ </article>
data/docs/buttons.html ADDED
@@ -0,0 +1,170 @@
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="buttons"></a><h2>Buttons</h2>
78
+ <a name="ejemplos"></a><a name="ejemplos"></a><h3>Ejemplos</h3>
79
+ <p><a class="button-demo-1" href="#">
80
+ <span>Comprar</span>
81
+ </a>
82
+
83
+ </p>
84
+ <p><a class="button-demo-2" href="#">
85
+ <span>Buscar</span>
86
+ </a>
87
+
88
+ </p>
89
+ <p><a class="button-demo-3" href="#">
90
+ <span>Reservar</span>
91
+ </a>
92
+
93
+ </p>
94
+ <p><a class="button-demo-4" href="#">
95
+ <span>Un texto demasiado largo para este botón</span>
96
+ </a>
97
+
98
+ </p>
99
+ <a name="html"></a><a name="html"></a><h3>HTML</h3>
100
+ <pre><code class="lang-html">&lt;a class=&quot;button&quot; href=&quot;#&quot;&gt;
101
+ &lt;span&gt;Comprar&lt;/span&gt;
102
+ &lt;/a&gt;</code></pre>
103
+ <a name="sass"></a><a name="sass"></a><h3>Sass</h3>
104
+ <pre><code class="lang-css">@import &quot;picasso/components/buttons&quot;;
105
+
106
+ // Con valores por defecto
107
+ .button{
108
+ @include button();
109
+ }
110
+
111
+ // Con todos los parametros: ancho, alto, background y color
112
+ .button{
113
+ @include button(100px, 30px, red, white);
114
+ }</code></pre>
115
+ <a name="mini-buttons"></a><h2>Mini-Buttons</h2>
116
+ <h3>Ejemplos</h3>
117
+ <p><a class="mini-button-demo-1" href="#">
118
+ <span>Limpiar</span>
119
+ </a>
120
+
121
+ </p>
122
+ <p><a class="mini-button-demo-2" href="#">
123
+ <span>Abrir</span>
124
+ </a>
125
+
126
+ </p>
127
+ <p><a class="mini-button-demo-3" href="#">
128
+ <span>Descargar</span>
129
+ </a>
130
+
131
+ </p>
132
+ <p><a class="mini-button-demo-4" href="#">
133
+ <span>Ir</span>
134
+ </a>
135
+
136
+
137
+
138
+ </p>
139
+ <h3>HTML</h3>
140
+ <pre><code class="lang-html">&lt;a class=&quot;mini-button&quot; href=&quot;#&quot;&gt;
141
+ &lt;span&gt;Comprar&lt;/span&gt;
142
+ &lt;/a&gt;</code></pre>
143
+ <h3>Sass</h3>
144
+ <pre><code class="lang-css">@import &quot;picasso/components/buttons&quot;;
145
+
146
+ // Con valores por defecto
147
+ .mini-button{
148
+ @include mini-button();
149
+ }
150
+
151
+ // Con todos los parametros: background y color
152
+ .mini-button{
153
+ @include button(grey, blue);
154
+ }</code></pre>
155
+
156
+ </article>
157
+
158
+
159
+ <footer>
160
+ <a href="./all.html">Everything on a single page</a>
161
+
162
+ </footer>
163
+
164
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
165
+ <script src="./js/docs.js"></script>
166
+ <script src="./js/rainbow-custom.min.js"></script>
167
+
168
+ </body>
169
+
170
+ </html>
@@ -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="components"></a><h1>Components</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/config.rb ADDED
@@ -0,0 +1,6 @@
1
+ css_dir = "css"
2
+ sass_dir = "sass"
3
+ sass_options = { :cache => false }
4
+ line_comments = false
5
+ output_style = :expanded
6
+ add_import_path "../stylesheets"
@@ -0,0 +1,88 @@
1
+ /**
2
+ * GitHub theme
3
+ *
4
+ * @author Craig Campbell
5
+ * @version 1.0.2
6
+ */
7
+ pre {
8
+ border: 1px solid #ccc;
9
+ word-wrap: break-word;
10
+ padding: 6px 10px;
11
+ line-height: 19px;
12
+ margin-bottom: 20px;
13
+ }
14
+
15
+ code {
16
+ border: 1px solid #eaeaea;
17
+ margin: 0px 2px;
18
+ padding: 0px 5px;
19
+ font-size: 12px;
20
+ }
21
+
22
+ pre code {
23
+ border: 0px;
24
+ padding: 0px;
25
+ margin: 0px;
26
+ -moz-border-radius: 0px;
27
+ -webkit-border-radius: 0px;
28
+ border-radius: 0px;
29
+ }
30
+
31
+ pre, code {
32
+ font-family: 'Bitstream Vera Sans Mono', Courier, monospace;
33
+ color: #333;
34
+ background: #f8f8f8;
35
+ -moz-border-radius: 3px;
36
+ -webkit-border-radius: 3px;
37
+ border-radius: 3px;
38
+ }
39
+
40
+ pre, pre code {
41
+ font-size: 13px;
42
+ }
43
+
44
+ pre .comment {
45
+ color: #998;
46
+ }
47
+
48
+ pre .support {
49
+ color: #0086B3;
50
+ }
51
+
52
+ pre .tag, pre .tag-name {
53
+ color: navy;
54
+ }
55
+
56
+ pre .keyword, pre .css-property, pre .vendor-prefix, pre .sass, pre .class, pre .id, pre .css-value, pre .entity.function, pre .storage.function {
57
+ font-weight: bold;
58
+ }
59
+
60
+ pre .css-property, pre .css-value, pre .vendor-prefix, pre .support.namespace {
61
+ color: #333;
62
+ }
63
+
64
+ pre .constant.numeric, pre .keyword.unit, pre .hex-color {
65
+ font-weight: normal;
66
+ color: #099;
67
+ }
68
+
69
+ pre .entity.class {
70
+ color: #458;
71
+ }
72
+
73
+ pre .entity.id, pre .entity.function {
74
+ color: #900;
75
+ }
76
+
77
+ pre .attribute, pre .variable {
78
+ color: teal;
79
+ }
80
+
81
+ pre .string, pre .support.value {
82
+ font-weight: normal;
83
+ color: #d14;
84
+ }
85
+
86
+ pre .regexp {
87
+ color: #009926;
88
+ }