picasso 0.1.0 → 0.2.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.
- data/docs/accordions.html +6 -3
- data/docs/all.html +105 -60
- data/docs/arrows.html +6 -3
- data/docs/bubbles.html +6 -3
- data/docs/build/md/changelog.md +9 -2
- data/docs/build/md/components/buttons.md +167 -137
- data/docs/build/md/components/navs.md +1 -1
- data/docs/build/md/components/popups.md +1 -1
- data/docs/build/md/intro.md +17 -1
- data/docs/build/md/todo.md +2 -1
- data/docs/build/templates/layout.html +2 -1
- data/docs/buttons.html +75 -54
- data/docs/changelog.html +15 -5
- data/docs/components.html +6 -3
- data/docs/css/markdown.css +1 -1
- data/docs/css/style.css +720 -220
- data/docs/despegar.html +6 -3
- data/docs/img/picasso-buttons-glossy.png +0 -0
- data/docs/img/{picasso-mini-buttons.png → picasso-buttons-mini.png} +0 -0
- data/docs/index.html +23 -4
- data/docs/inputs.html +6 -3
- data/docs/intro.html +23 -4
- data/docs/list-grids.html +6 -3
- data/docs/mejoras.html +6 -3
- data/docs/navs.html +7 -4
- data/docs/pagination.html +6 -3
- data/docs/popups.html +7 -4
- data/docs/sass/style.scss +43 -19
- data/docs/todo.html +8 -4
- data/docs/utils.html +6 -3
- data/lib/picasso/version.rb +1 -1
- data/picasso.gemspec +0 -1
- data/stylesheets/picasso/components/_accordions.scss +13 -13
- data/stylesheets/picasso/components/_arrows.scss +2 -2
- data/stylesheets/picasso/components/_bubbles.scss +5 -5
- data/stylesheets/picasso/components/_buttons.scss +3 -2
- data/stylesheets/picasso/components/_inputs.scss +7 -7
- data/stylesheets/picasso/components/_list-grids.scss +6 -6
- data/stylesheets/picasso/components/_navs.scss +10 -10
- data/stylesheets/picasso/components/_pagination.scss +8 -8
- data/stylesheets/picasso/components/_popups.scss +15 -15
- data/stylesheets/picasso/components/buttons/_3d.scss +127 -0
- data/stylesheets/picasso/components/buttons/_glossy.scss +220 -0
- data/stylesheets/picasso/components/buttons/_mini.scss +150 -0
- metadata +9 -23
- data/docs/ie.html +0 -201
- data/docs/img/picasso-buttons.png +0 -0
- data/stylesheets/picasso/components/buttons/_buttons.scss +0 -191
- data/stylesheets/picasso/components/buttons/_mini-buttons.scss +0 -149
data/docs/despegar.html
CHANGED
@@ -18,7 +18,8 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
<header>
|
21
|
-
<
|
21
|
+
<img src="img/picasso.png" />
|
22
|
+
<h1 class="title">Framework CSS/Sass.</h1>
|
22
23
|
</header>
|
23
24
|
|
24
25
|
|
@@ -43,6 +44,8 @@
|
|
43
44
|
|
44
45
|
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
45
46
|
|
47
|
+
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&oacute;n de oily_png</a></li>
|
48
|
+
|
46
49
|
</ol>
|
47
50
|
|
48
51
|
</li>
|
@@ -52,6 +55,8 @@
|
|
52
55
|
|
53
56
|
<ol>
|
54
57
|
|
58
|
+
<li><a href="./changelog.html#020">0.2.0</a></li>
|
59
|
+
|
55
60
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
56
61
|
|
57
62
|
<li><a href="./changelog.html#003">0.0.3</a></li>
|
@@ -105,8 +110,6 @@
|
|
105
110
|
|
106
111
|
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
107
112
|
|
108
|
-
<li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
|
109
|
-
|
110
113
|
<li><a href="./inputs.html#inputs">Inputs</a></li>
|
111
114
|
|
112
115
|
<li><a href="./navs.html#navs">Navs</a></li>
|
Binary file
|
File without changes
|
data/docs/index.html
CHANGED
@@ -18,7 +18,8 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
<header>
|
21
|
-
<
|
21
|
+
<img src="img/picasso.png" />
|
22
|
+
<h1 class="title">Framework CSS/Sass.</h1>
|
22
23
|
</header>
|
23
24
|
|
24
25
|
|
@@ -43,6 +44,8 @@
|
|
43
44
|
|
44
45
|
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
45
46
|
|
47
|
+
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&oacute;n de oily_png</a></li>
|
48
|
+
|
46
49
|
</ol>
|
47
50
|
|
48
51
|
</li>
|
@@ -52,6 +55,8 @@
|
|
52
55
|
|
53
56
|
<ol>
|
54
57
|
|
58
|
+
<li><a href="./changelog.html#020">0.2.0</a></li>
|
59
|
+
|
55
60
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
56
61
|
|
57
62
|
<li><a href="./changelog.html#003">0.0.3</a></li>
|
@@ -105,8 +110,6 @@
|
|
105
110
|
|
106
111
|
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
107
112
|
|
108
|
-
<li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
|
109
|
-
|
110
113
|
<li><a href="./inputs.html#inputs">Inputs</a></li>
|
111
114
|
|
112
115
|
<li><a href="./navs.html#navs">Navs</a></li>
|
@@ -172,12 +175,17 @@
|
|
172
175
|
|
173
176
|
</p>
|
174
177
|
<pre><code class="lang-bash">$ (sudo) gem install picasso</code></pre>
|
178
|
+
<blockquote>
|
179
|
+
<p>Opcional: <a href="#opcional-instalacioacuten-de-oily-png">Instalación de oily_png</a>.
|
180
|
+
|
181
|
+
</p>
|
182
|
+
</blockquote>
|
175
183
|
<p>En el <code>config.rb</code> agregar:
|
176
184
|
|
177
185
|
</p>
|
178
186
|
<pre><code class="lang-bash">require 'picasso'
|
179
187
|
require 'magick'
|
180
|
-
gem 'picasso', '~> 0.
|
188
|
+
gem 'picasso', '~> 0.2.0'</code></pre>
|
181
189
|
<p>Modificar el número de versión a medida que se quiere usar nuevas versiones del framework.
|
182
190
|
|
183
191
|
</p>
|
@@ -192,6 +200,17 @@ gem 'picasso', '~> 0.1.0'</code></pre>
|
|
192
200
|
@import "picasso/despegar/variables";</code></pre>
|
193
201
|
<a name="actualizacioacuten"></a><h2>Actualización</h2>
|
194
202
|
<pre><code class="lang-bash">$ (sudo) gem update picasso</code></pre>
|
203
|
+
<a name="opcional-instalacioacuten-de-oily-png"></a><h2>Opcional: Instalación de oily_png</h2>
|
204
|
+
<p><a href="https://github.com/wvanbergen/oily_png/">oily_png</a> es una gema que permite acelerar la creación de imágenes dinámicas. Se recomienda su instalación en caso de utilizar Picasso para la creación de sprites.
|
205
|
+
|
206
|
+
</p>
|
207
|
+
<a name="windows"></a><h3>Windows</h3>
|
208
|
+
<p>Bajar el paquete <a href="http://rubyinstaller.org/downloads/">Development Kit</a>. Extraer dicho paquete en una ruta conocida (por ejemplo <code>C:\DevKit</code>). Abrir una consola, ir a la ruta en donde se pusieron los archivos del <em>Development Kit</em> y ejecutar <code>ruby dk.rb init</code> y luego <code>ruby dk.rb install</code>.
|
209
|
+
|
210
|
+
</p>
|
211
|
+
<a name="linux"></a><h3>Linux</h3>
|
212
|
+
<pre><code class="lang-bash">$ (sudo) apt-get update
|
213
|
+
$ (sudo) apt-get install ruby-oily-png</code></pre>
|
195
214
|
|
196
215
|
</article>
|
197
216
|
|
data/docs/inputs.html
CHANGED
@@ -18,7 +18,8 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
<header>
|
21
|
-
<
|
21
|
+
<img src="img/picasso.png" />
|
22
|
+
<h1 class="title">Framework CSS/Sass.</h1>
|
22
23
|
</header>
|
23
24
|
|
24
25
|
|
@@ -43,6 +44,8 @@
|
|
43
44
|
|
44
45
|
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
45
46
|
|
47
|
+
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&oacute;n de oily_png</a></li>
|
48
|
+
|
46
49
|
</ol>
|
47
50
|
|
48
51
|
</li>
|
@@ -52,6 +55,8 @@
|
|
52
55
|
|
53
56
|
<ol>
|
54
57
|
|
58
|
+
<li><a href="./changelog.html#020">0.2.0</a></li>
|
59
|
+
|
55
60
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
56
61
|
|
57
62
|
<li><a href="./changelog.html#003">0.0.3</a></li>
|
@@ -105,8 +110,6 @@
|
|
105
110
|
|
106
111
|
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
107
112
|
|
108
|
-
<li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
|
109
|
-
|
110
113
|
<li><a href="./inputs.html#inputs">Inputs</a></li>
|
111
114
|
|
112
115
|
<li><a href="./navs.html#navs">Navs</a></li>
|
data/docs/intro.html
CHANGED
@@ -18,7 +18,8 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
<header>
|
21
|
-
<
|
21
|
+
<img src="img/picasso.png" />
|
22
|
+
<h1 class="title">Framework CSS/Sass.</h1>
|
22
23
|
</header>
|
23
24
|
|
24
25
|
|
@@ -43,6 +44,8 @@
|
|
43
44
|
|
44
45
|
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
45
46
|
|
47
|
+
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&oacute;n de oily_png</a></li>
|
48
|
+
|
46
49
|
</ol>
|
47
50
|
|
48
51
|
</li>
|
@@ -52,6 +55,8 @@
|
|
52
55
|
|
53
56
|
<ol>
|
54
57
|
|
58
|
+
<li><a href="./changelog.html#020">0.2.0</a></li>
|
59
|
+
|
55
60
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
56
61
|
|
57
62
|
<li><a href="./changelog.html#003">0.0.3</a></li>
|
@@ -105,8 +110,6 @@
|
|
105
110
|
|
106
111
|
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
107
112
|
|
108
|
-
<li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
|
109
|
-
|
110
113
|
<li><a href="./inputs.html#inputs">Inputs</a></li>
|
111
114
|
|
112
115
|
<li><a href="./navs.html#navs">Navs</a></li>
|
@@ -172,12 +175,17 @@
|
|
172
175
|
|
173
176
|
</p>
|
174
177
|
<pre><code class="lang-bash">$ (sudo) gem install picasso</code></pre>
|
178
|
+
<blockquote>
|
179
|
+
<p>Opcional: <a href="#opcional-instalacioacuten-de-oily-png">Instalación de oily_png</a>.
|
180
|
+
|
181
|
+
</p>
|
182
|
+
</blockquote>
|
175
183
|
<p>En el <code>config.rb</code> agregar:
|
176
184
|
|
177
185
|
</p>
|
178
186
|
<pre><code class="lang-bash">require 'picasso'
|
179
187
|
require 'magick'
|
180
|
-
gem 'picasso', '~> 0.
|
188
|
+
gem 'picasso', '~> 0.2.0'</code></pre>
|
181
189
|
<p>Modificar el número de versión a medida que se quiere usar nuevas versiones del framework.
|
182
190
|
|
183
191
|
</p>
|
@@ -192,6 +200,17 @@ gem 'picasso', '~> 0.1.0'</code></pre>
|
|
192
200
|
@import "picasso/despegar/variables";</code></pre>
|
193
201
|
<a name="actualizacioacuten"></a><h2>Actualización</h2>
|
194
202
|
<pre><code class="lang-bash">$ (sudo) gem update picasso</code></pre>
|
203
|
+
<a name="opcional-instalacioacuten-de-oily-png"></a><h2>Opcional: Instalación de oily_png</h2>
|
204
|
+
<p><a href="https://github.com/wvanbergen/oily_png/">oily_png</a> es una gema que permite acelerar la creación de imágenes dinámicas. Se recomienda su instalación en caso de utilizar Picasso para la creación de sprites.
|
205
|
+
|
206
|
+
</p>
|
207
|
+
<a name="windows"></a><h3>Windows</h3>
|
208
|
+
<p>Bajar el paquete <a href="http://rubyinstaller.org/downloads/">Development Kit</a>. Extraer dicho paquete en una ruta conocida (por ejemplo <code>C:\DevKit</code>). Abrir una consola, ir a la ruta en donde se pusieron los archivos del <em>Development Kit</em> y ejecutar <code>ruby dk.rb init</code> y luego <code>ruby dk.rb install</code>.
|
209
|
+
|
210
|
+
</p>
|
211
|
+
<a name="linux"></a><h3>Linux</h3>
|
212
|
+
<pre><code class="lang-bash">$ (sudo) apt-get update
|
213
|
+
$ (sudo) apt-get install ruby-oily-png</code></pre>
|
195
214
|
|
196
215
|
</article>
|
197
216
|
|
data/docs/list-grids.html
CHANGED
@@ -18,7 +18,8 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
<header>
|
21
|
-
<
|
21
|
+
<img src="img/picasso.png" />
|
22
|
+
<h1 class="title">Framework CSS/Sass.</h1>
|
22
23
|
</header>
|
23
24
|
|
24
25
|
|
@@ -43,6 +44,8 @@
|
|
43
44
|
|
44
45
|
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
45
46
|
|
47
|
+
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&oacute;n de oily_png</a></li>
|
48
|
+
|
46
49
|
</ol>
|
47
50
|
|
48
51
|
</li>
|
@@ -52,6 +55,8 @@
|
|
52
55
|
|
53
56
|
<ol>
|
54
57
|
|
58
|
+
<li><a href="./changelog.html#020">0.2.0</a></li>
|
59
|
+
|
55
60
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
56
61
|
|
57
62
|
<li><a href="./changelog.html#003">0.0.3</a></li>
|
@@ -105,8 +110,6 @@
|
|
105
110
|
|
106
111
|
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
107
112
|
|
108
|
-
<li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
|
109
|
-
|
110
113
|
<li><a href="./inputs.html#inputs">Inputs</a></li>
|
111
114
|
|
112
115
|
<li><a href="./navs.html#navs">Navs</a></li>
|
data/docs/mejoras.html
CHANGED
@@ -18,7 +18,8 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
<header>
|
21
|
-
<
|
21
|
+
<img src="img/picasso.png" />
|
22
|
+
<h1 class="title">Framework CSS/Sass.</h1>
|
22
23
|
</header>
|
23
24
|
|
24
25
|
|
@@ -43,6 +44,8 @@
|
|
43
44
|
|
44
45
|
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
45
46
|
|
47
|
+
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&oacute;n de oily_png</a></li>
|
48
|
+
|
46
49
|
</ol>
|
47
50
|
|
48
51
|
</li>
|
@@ -52,6 +55,8 @@
|
|
52
55
|
|
53
56
|
<ol>
|
54
57
|
|
58
|
+
<li><a href="./changelog.html#020">0.2.0</a></li>
|
59
|
+
|
55
60
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
56
61
|
|
57
62
|
<li><a href="./changelog.html#003">0.0.3</a></li>
|
@@ -105,8 +110,6 @@
|
|
105
110
|
|
106
111
|
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
107
112
|
|
108
|
-
<li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
|
109
|
-
|
110
113
|
<li><a href="./inputs.html#inputs">Inputs</a></li>
|
111
114
|
|
112
115
|
<li><a href="./navs.html#navs">Navs</a></li>
|
data/docs/navs.html
CHANGED
@@ -18,7 +18,8 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
<header>
|
21
|
-
<
|
21
|
+
<img src="img/picasso.png" />
|
22
|
+
<h1 class="title">Framework CSS/Sass.</h1>
|
22
23
|
</header>
|
23
24
|
|
24
25
|
|
@@ -43,6 +44,8 @@
|
|
43
44
|
|
44
45
|
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
45
46
|
|
47
|
+
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&oacute;n de oily_png</a></li>
|
48
|
+
|
46
49
|
</ol>
|
47
50
|
|
48
51
|
</li>
|
@@ -52,6 +55,8 @@
|
|
52
55
|
|
53
56
|
<ol>
|
54
57
|
|
58
|
+
<li><a href="./changelog.html#020">0.2.0</a></li>
|
59
|
+
|
55
60
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
56
61
|
|
57
62
|
<li><a href="./changelog.html#003">0.0.3</a></li>
|
@@ -105,8 +110,6 @@
|
|
105
110
|
|
106
111
|
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
107
112
|
|
108
|
-
<li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
|
109
|
-
|
110
113
|
<li><a href="./inputs.html#inputs">Inputs</a></li>
|
111
114
|
|
112
115
|
<li><a href="./navs.html#navs">Navs</a></li>
|
@@ -245,7 +248,7 @@
|
|
245
248
|
<p>Variable y valor por defecto:
|
246
249
|
|
247
250
|
</p>
|
248
|
-
<pre><code class="lang-css">$nav-ie-fallback: "sprites"
|
251
|
+
<pre><code class="lang-css">$nav-ie-fallback: "sprites";</code></pre>
|
249
252
|
<p>Estrategias soportadas:
|
250
253
|
|
251
254
|
</p>
|
data/docs/pagination.html
CHANGED
@@ -18,7 +18,8 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
<header>
|
21
|
-
<
|
21
|
+
<img src="img/picasso.png" />
|
22
|
+
<h1 class="title">Framework CSS/Sass.</h1>
|
22
23
|
</header>
|
23
24
|
|
24
25
|
|
@@ -43,6 +44,8 @@
|
|
43
44
|
|
44
45
|
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
45
46
|
|
47
|
+
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&oacute;n de oily_png</a></li>
|
48
|
+
|
46
49
|
</ol>
|
47
50
|
|
48
51
|
</li>
|
@@ -52,6 +55,8 @@
|
|
52
55
|
|
53
56
|
<ol>
|
54
57
|
|
58
|
+
<li><a href="./changelog.html#020">0.2.0</a></li>
|
59
|
+
|
55
60
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
56
61
|
|
57
62
|
<li><a href="./changelog.html#003">0.0.3</a></li>
|
@@ -105,8 +110,6 @@
|
|
105
110
|
|
106
111
|
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
107
112
|
|
108
|
-
<li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
|
109
|
-
|
110
113
|
<li><a href="./inputs.html#inputs">Inputs</a></li>
|
111
114
|
|
112
115
|
<li><a href="./navs.html#navs">Navs</a></li>
|
data/docs/popups.html
CHANGED
@@ -18,7 +18,8 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
<header>
|
21
|
-
<
|
21
|
+
<img src="img/picasso.png" />
|
22
|
+
<h1 class="title">Framework CSS/Sass.</h1>
|
22
23
|
</header>
|
23
24
|
|
24
25
|
|
@@ -43,6 +44,8 @@
|
|
43
44
|
|
44
45
|
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
45
46
|
|
47
|
+
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&oacute;n de oily_png</a></li>
|
48
|
+
|
46
49
|
</ol>
|
47
50
|
|
48
51
|
</li>
|
@@ -52,6 +55,8 @@
|
|
52
55
|
|
53
56
|
<ol>
|
54
57
|
|
58
|
+
<li><a href="./changelog.html#020">0.2.0</a></li>
|
59
|
+
|
55
60
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
56
61
|
|
57
62
|
<li><a href="./changelog.html#003">0.0.3</a></li>
|
@@ -105,8 +110,6 @@
|
|
105
110
|
|
106
111
|
<li><a href="./buttons.html#buttons">Buttons</a></li>
|
107
112
|
|
108
|
-
<li><a href="./buttons.html#mini-buttons">Mini-Buttons</a></li>
|
109
|
-
|
110
113
|
<li><a href="./inputs.html#inputs">Inputs</a></li>
|
111
114
|
|
112
115
|
<li><a href="./navs.html#navs">Navs</a></li>
|
@@ -304,7 +307,7 @@
|
|
304
307
|
<p>Variable y valor por defecto:
|
305
308
|
|
306
309
|
</p>
|
307
|
-
<pre><code class="lang-css">$popup-ie-fallback: "sprites"
|
310
|
+
<pre><code class="lang-css">$popup-ie-fallback: "sprites";</code></pre>
|
308
311
|
<p>Estrategias soportadas:
|
309
312
|
|
310
313
|
</p>
|
data/docs/sass/style.scss
CHANGED
@@ -8,38 +8,63 @@ body{
|
|
8
8
|
//Components
|
9
9
|
//
|
10
10
|
|
11
|
-
//Buttons
|
12
|
-
.button-demo-1{
|
13
|
-
@include button();
|
11
|
+
//Glossy Buttons
|
12
|
+
.button-glossy-demo-1{
|
13
|
+
@include button-glossy();
|
14
14
|
}
|
15
15
|
|
16
|
-
.button-demo-2{
|
17
|
-
@include button(70px, 30px, #0088CC, white);
|
16
|
+
.button-glossy-demo-2{
|
17
|
+
@include button-glossy(70px, 30px, #0088CC, white);
|
18
18
|
}
|
19
19
|
|
20
|
-
.button-demo-3{
|
21
|
-
@include button(80px, 30px, #FBB450, white);
|
20
|
+
.button-glossy-demo-3{
|
21
|
+
@include button-glossy(80px, 30px, #FBB450, white);
|
22
22
|
}
|
23
23
|
|
24
|
-
.button-demo-4{
|
25
|
-
@include button(250px, 30px, #62C462, white);
|
24
|
+
.button-glossy-demo-4{
|
25
|
+
@include button-glossy(250px, 30px, #62C462, white);
|
26
|
+
}
|
27
|
+
|
28
|
+
//3D Buttons
|
29
|
+
.button-3d-demo-1{
|
30
|
+
@include button-3d();
|
31
|
+
}
|
32
|
+
|
33
|
+
.button-3d-demo-2{
|
34
|
+
@include button-3d(#0088CC, white);
|
35
|
+
}
|
36
|
+
|
37
|
+
.button-3d-demo-3{
|
38
|
+
@include button-3d(#FBB450, white);
|
39
|
+
}
|
40
|
+
|
41
|
+
.button-3d-demo-4{
|
42
|
+
@include button-3d(#62C462, white);
|
43
|
+
}
|
44
|
+
|
45
|
+
.button-3d-demo-5 {
|
46
|
+
@include button-3d(#013d93, #FFF, 24px, true, false);
|
47
|
+
}
|
48
|
+
|
49
|
+
.button-3d-demo-6 {
|
50
|
+
@include button-3d(#EEE, #013d93, 11px, false, true);
|
26
51
|
}
|
27
52
|
|
28
53
|
//Mini-Buttons
|
29
|
-
.mini-
|
30
|
-
@include mini
|
54
|
+
.button-mini-demo-1{
|
55
|
+
@include button-mini();
|
31
56
|
}
|
32
57
|
|
33
|
-
.mini-
|
34
|
-
@include mini
|
58
|
+
.button-mini-demo-2{
|
59
|
+
@include button-mini(#0088CC, white);
|
35
60
|
}
|
36
61
|
|
37
|
-
.mini-
|
38
|
-
@include mini
|
62
|
+
.button-mini-demo-3{
|
63
|
+
@include button-mini(#DA4F49, white);
|
39
64
|
}
|
40
65
|
|
41
|
-
.mini-
|
42
|
-
@include mini
|
66
|
+
.button-mini-demo-4{
|
67
|
+
@include button-mini(#414141, white);
|
43
68
|
}
|
44
69
|
|
45
70
|
// inputs
|
@@ -324,5 +349,4 @@ body{
|
|
324
349
|
.despegar-warning-border-demo{
|
325
350
|
padding: 10px;
|
326
351
|
background: $despegar-warning-border;
|
327
|
-
}
|
328
|
-
|
352
|
+
}
|