picasso 0.2.3 → 0.3.0

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 (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>