picasso 0.1.0 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
+
}
|