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/css/github.css DELETED
@@ -1,88 +0,0 @@
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
- }
@@ -1,108 +0,0 @@
1
- html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
2
-
3
- body{
4
- color:#444;
5
- font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
6
- font-size:12px;
7
- line-height:1.5em;
8
- padding:1em;
9
- margin:auto;
10
- max-width:42em;
11
- background:#fefefe;
12
- }
13
-
14
- a{ color: #0645ad; text-decoration:none;}
15
- a:visited{ color: #0b0080; }
16
- a:hover{ color: #06e; }
17
- a:active{ color:#faa700; }
18
- a:focus{ outline: thin dotted; }
19
- a:hover, a:active{ outline: 0; }
20
-
21
- ::-moz-selection{background:rgba(255,255,0,0.3);color:#000}
22
- ::selection{background:rgba(255,255,0,0.3);color:#000}
23
-
24
- a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad}
25
- a::selection{background:rgba(255,255,0,0.3);color:#0645ad}
26
-
27
- p{
28
- margin:1em 0;
29
- }
30
-
31
- img{
32
- max-width:100%;
33
- }
34
-
35
- h1,h2,h3,h4,h5,h6{
36
- font-weight:normal;
37
- color:#111;
38
- line-height:1em;
39
- }
40
- h4,h5,h6{ font-weight: bold; }
41
- h1{ font-size:2.5em; }
42
- h2{ font-size:2em; }
43
- h3{ font-size:1.5em; }
44
- h4{ font-size:1.2em; }
45
- h5{ font-size:1em; }
46
- h6{ font-size:0.9em; }
47
-
48
- h1{
49
- padding: 40px 0 0 0;
50
- }
51
-
52
- h1.title{
53
- padding: 0;
54
- }
55
-
56
- blockquote{
57
- color:#666666;
58
- margin:0;
59
- }
60
- hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; }
61
- pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; }
62
- pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
63
-
64
- b, strong { font-weight: bold; }
65
-
66
- dfn { font-style: italic; }
67
-
68
- ins { background: #ff9; color: #000; text-decoration: none; }
69
-
70
- mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
71
-
72
- sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
73
- sup { top: -0.5em; }
74
- sub { bottom: -0.25em; }
75
-
76
- ul, ol { margin: 0.5em 0; padding: 0 0 0 2em; }
77
- li p:last-child { margin:0 }
78
- dd { margin: 0 0 0 2em; }
79
-
80
- img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
81
-
82
- table { border-collapse: collapse; border-spacing: 0; }
83
- td { vertical-align: top; }
84
-
85
- @media only screen and (min-width: 480px) {
86
- body{font-size:14px;}
87
- }
88
-
89
- @media only screen and (min-width: 768px) {
90
- body{font-size:16px;}
91
- }
92
-
93
- @media print {
94
- * { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; }
95
- body{font-size:12pt; max-width:100%;}
96
- a, a:visited { text-decoration: underline; }
97
- hr { height: 1px; border:0; border-bottom:1px solid black; }
98
- a[href]:after { content: " (" attr(href) ")"; }
99
- abbr[title]:after { content: " (" attr(title) ")"; }
100
- .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
101
- pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; }
102
- tr, img { page-break-inside: avoid; }
103
- img { max-width: 100% !important; }
104
- @page :left { margin: 15mm 20mm 15mm 10mm; }
105
- @page :right { margin: 15mm 10mm 15mm 20mm; }
106
- p, h2, h3 { orphans: 3; widows: 3; }
107
- h2, h3 { page-break-after: avoid; }
108
- }
data/docs/despegar.html DELETED
@@ -1,377 +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="despegar"></a><h1>Despegar</h1>
176
- <a name="variables"></a><h2>Variables</h2>
177
- <a name="ejemplos"></a><h3>Ejemplos</h3>
178
- <a name="cuerpos-tipograficos"></a><h4>Cuerpos tipograficos</h4>
179
- <p class="despegar-size-1-demo">11px - Aliquam tincidunt mauris eu risus.</p>
180
-
181
- <p class="despegar-size-2-demo">13px - Aliquam tincidunt mauris eu risus.</p>
182
-
183
- <p class="despegar-size-3-demo">16px - Aliquam tincidunt mauris eu risus.</p>
184
-
185
- <p class="despegar-size-4-demo">20px - Aliquam tincidunt mauris eu risus.</p>
186
-
187
- <p class="despegar-size-5-demo">24px - Aliquam tincidunt mauris eu risus.</p>
188
-
189
- <p class="despegar-size-6-demo">28px - Aliquam tincidunt mauris eu risus.</p>
190
-
191
- <a name="colores-base"></a><h4>Colores base</h4>
192
- <p class="despegar-black-demo">#000 - Aliquam tincidunt mauris eu risus.</p>
193
-
194
- <p class="despegar-white-demo">#FFF - Aliquam tincidunt mauris eu risus.</p>
195
-
196
- <p class="despegar-yellow-demo">#FF3 - Aliquam tincidunt mauris eu risus.</p>
197
-
198
- <p class="despegar-red-demo">#F00 - Aliquam tincidunt mauris eu risus.</p>
199
-
200
- <p class="despegar-blue-demo">#013D93 - Aliquam tincidunt mauris eu risus.</p>
201
-
202
- <p class="despegar-gray-1-demo">#222 - Aliquam tincidunt mauris eu risus.</p>
203
-
204
- <p class="despegar-gray-2-demo">#444 - Aliquam tincidunt mauris eu risus.</p>
205
-
206
- <p class="despegar-gray-3-demo">#666 - Aliquam tincidunt mauris eu risus.</p>
207
-
208
- <p class="despegar-gray-4-demo">#888 - Aliquam tincidunt mauris eu risus.</p>
209
-
210
- <p class="despegar-gray-5-demo">#AAA - Aliquam tincidunt mauris eu risus.</p>
211
-
212
- <p class="despegar-gray-6-demo">#CCC - Aliquam tincidunt mauris eu risus.</p>
213
-
214
- <p class="despegar-gray-7-demo">#EEE - Aliquam tincidunt mauris eu risus.</p>
215
-
216
- <a name="elementos"></a><h4>Elementos</h4>
217
- <p class="despegar-searchbox-bg-demo">#FF3 Background Buscador - Aliquam tincidunt mauris eu risus.</p>
218
-
219
- <p class="despegar-title-color-demo">#013D93 Color Titulos - Aliquam tincidunt mauris eu risus.</p>
220
-
221
- <p class="despegar-titlealt-color-demo">#F90 Color Titulos alternativos - Aliquam tincidunt mauris eu risus.</p>
222
-
223
- <p class="despegar-link-color-demo">#319FDA Color links - Aliquam tincidunt mauris eu risus.</p>
224
-
225
- <p class="despegar-link-color-hover-demo">#66CCFF Color links (hover) - Aliquam tincidunt mauris eu risus.</p>
226
-
227
- <p class="despegar-error-bg-demo">#FFE6E6 Color Titulos - Aliquam tincidunt mauris eu risus.</p>
228
-
229
- <p class="despegar-error-border-demo">#F00 Color borde mensajes de error - Aliquam tincidunt mauris eu risus.</p>
230
-
231
- <p class="despegar-warning-bg-demo">#FFFFE1 Background mensajes - Aliquam tincidunt mauris eu risus.</p>
232
-
233
- <p class="despegar-warning-border-demo">#FC3 Color borde mensajes - Aliquam tincidunt mauris eu risus.</p>
234
-
235
- <a name="sass"></a><h3>Sass</h3>
236
- <pre><code class="lang-css">@import &quot;picasso/despegar/variables&quot;;
237
-
238
- //Size 1
239
- .despegar-size-1-demo{
240
- font-size: $despegar-size-1;
241
- }
242
-
243
- //Size 2
244
- .despegar-size-2-demo{
245
- font-size: $despegar-size-2;
246
- }
247
-
248
- //Size 3
249
- .despegar-size-3-demo{
250
- font-size: $despegar-size-3;
251
- }
252
-
253
- //Size 4
254
- .despegar-size-4-demo{
255
- font-size: $despegar-size-4;
256
- }
257
-
258
- //Size 5
259
- .despegar-size-5-demo{
260
- font-size: $despegar-size-5;
261
- }
262
-
263
- //Size 6
264
- .despegar-size-6-demo{
265
- font-size: $despegar-size-6;
266
- }
267
-
268
- //Black
269
- .despegar-black-demo{
270
- background: $despegar-black;
271
- }
272
-
273
- //White
274
- .despegar-white-demo{
275
- background: $despegar-white;
276
- }
277
-
278
- //Yellow
279
- .despegar-yellow-demo{
280
- background: $despegar-yellow;
281
- }
282
-
283
- //Red
284
- .despegar-red-demo{
285
- background: $despegar-red;
286
- }
287
-
288
- //Blue
289
- .despegar-blue-demo{
290
- background: $despegar-blue;
291
- }
292
-
293
- //Gray 1
294
- .despegar-gray-1-demo{
295
- color: $despegar-gray-1;
296
- }
297
-
298
- //Gray 2
299
- .despegar-gray-2-demo{
300
- color: $despegar-gray-2;
301
- }
302
-
303
- //Gray 3
304
- .despegar-gray-3-demo{
305
- color: $despegar-gray-3;
306
- }
307
-
308
- //Gray 4
309
- .despegar-gray-4-demo{
310
- color: $despegar-gray-4;
311
- }
312
-
313
- //Gray 5
314
- .despegar-gray-5-demo{
315
- color: $despegar-gray-5;
316
- }
317
-
318
- //Gray 6
319
- .despegar-gray-6-demo{
320
- color: $despegar-gray-6;
321
- }
322
-
323
- //Gray 7
324
- .despegar-gray-7-demo{
325
- color: $despegar-gray-7;
326
- }
327
-
328
- //Searchbox
329
- .despegar-searchbox-bg-demo{
330
- background: $despegar-searchbox-bg;
331
- }
332
-
333
- //Title
334
- .despegar-title-color-demo{
335
- color: $despegar-title-color;
336
- }
337
-
338
- //Title Alt
339
- .despegar-titlealt-color-demo{
340
- color: $despegar-titlealt-color;
341
- }
342
-
343
- //Link
344
- .despegar-link-color-demo{
345
- color: $despegar-link-color;
346
-
347
- &amp;:hover{
348
- color: $despegar-link-color-hover;
349
- }
350
-
351
- }
352
-
353
- //Error
354
- .despegar-error-bg-demo{
355
- background: $despegar-error-bg;
356
- border: 1px solid $despegar-error-border;
357
- }
358
-
359
- //Warning
360
- .despegar-warning-bg-demo{
361
- background: $despegar-warning-bg;
362
- border: 1px solid $despegar-warning-border;
363
- }</code></pre>
364
-
365
- </article>
366
-
367
-
368
- <footer>
369
- </footer>
370
-
371
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
372
- <script src="./js/docs.js"></script>
373
- <script src="./js/rainbow-custom.min.js"></script>
374
-
375
- </body>
376
-
377
- </html>