RubyGems - picasso - Versions diffs - 0.2.3 → 0.3.0 - Mend

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

data/.gitignore +1 -0
data/README.md +216 -3
data/docs/_picasso.html +38 -0
data/docs/config.rb +1 -1
data/docs/css/{style.css → picasso-docs.css} +797 -1331
data/docs/img/picasso-buttons-glossy.png +0 -0
data/docs/img/picasso-nav.png +0 -0
data/docs/img/picasso-popup.png +0 -0
data/docs/index.html +201 -198
data/docs/picasso-_components.html +83 -0
data/docs/picasso-_despegar.html +34 -0
data/docs/picasso-_utils.html +40 -0
data/docs/picasso-components-_accordions.html +183 -0
data/docs/picasso-components-_arrows.html +124 -0
data/docs/picasso-components-_bubbles.html +142 -0
data/docs/picasso-components-_buttons.html +38 -0
data/docs/picasso-components-_inputs.html +122 -0
data/docs/picasso-components-_list-grids.html +253 -0
data/docs/picasso-components-_mini-tooltips.html +152 -0
data/docs/picasso-components-_navs.html +360 -0
data/docs/picasso-components-_pagination.html +258 -0
data/docs/picasso-components-_popups.html +359 -0
data/docs/picasso-components-buttons-_3d.html +284 -0
data/docs/picasso-components-buttons-_glossy.html +290 -0
data/docs/picasso-components-buttons-_mini.html +224 -0
data/docs/picasso-despegar-_variables.html +145 -0
data/docs/picasso-utils-_clearfix.html +56 -0
data/docs/picasso-utils-_grid.html +390 -0
data/docs/picasso-utils-_ie.html +50 -0
data/docs/picasso-utils-_sprite.html +62 -0
data/docs/resources/docs.jade +46 -0
data/docs/resources/docs.js +52 -0
data/docs/sass/{style.scss → picasso-docs.scss} +71 -96
data/lib/picasso/version.rb +1 -1
data/picasso.gemspec +1 -1
data/stylesheets/_picasso.scss +14 -0
data/stylesheets/picasso/_components.scss +54 -0
data/stylesheets/picasso/_despegar.scss +12 -0
data/stylesheets/picasso/_utils.scss +17 -1
data/stylesheets/picasso/components/_accordions.scss +52 -2
data/stylesheets/picasso/components/_arrows.scss +39 -2
data/stylesheets/picasso/components/_bubbles.scss +36 -2
data/stylesheets/picasso/components/_buttons.scss +14 -0
data/stylesheets/picasso/components/_inputs.scss +41 -2
data/stylesheets/picasso/components/_list-grids.scss +84 -3
data/stylesheets/picasso/components/_mini-tooltips.scss +128 -0
data/stylesheets/picasso/components/_navs.scss +52 -2
data/stylesheets/picasso/components/_pagination.scss +63 -2
data/stylesheets/picasso/components/_popups.scss +73 -2
data/stylesheets/picasso/components/buttons/_3d.scss +75 -2
data/stylesheets/picasso/components/buttons/_glossy.scss +41 -2
data/stylesheets/picasso/components/buttons/_mini.scss +44 -2
data/stylesheets/picasso/despegar/_variables.scss +61 -60
data/stylesheets/picasso/utils/_clearfix.scss +24 -16
data/stylesheets/picasso/utils/_grid.scss +269 -0
data/stylesheets/picasso/utils/_ie.scss +23 -28
data/stylesheets/picasso/utils/_sprite.scss +15 -3
metadata +34 -50
data/docs/accordions.html +0 -276
data/docs/all.html +0 -1588
data/docs/arrows.html +0 -233
data/docs/bubbles.html +0 -231
data/docs/build/manifest.json +0 -21
data/docs/build/md/changelog.md +0 -53
data/docs/build/md/components/accordions.md +0 -97
data/docs/build/md/components/arrows.md +0 -53
data/docs/build/md/components/bubbles.md +0 -57
data/docs/build/md/components/buttons.md +0 -205
data/docs/build/md/components/components.md +0 -37
data/docs/build/md/components/inputs.md +0 -73
data/docs/build/md/components/list-grids.md +0 -180
data/docs/build/md/components/navs.md +0 -107
data/docs/build/md/components/pagination.md +0 -112
data/docs/build/md/components/popups.md +0 -162
data/docs/build/md/despegar/despegar.md +0 -200
data/docs/build/md/intro.md +0 -59
data/docs/build/md/mejoras.md +0 -69
data/docs/build/md/todo.md +0 -14
data/docs/build/md/utils/utils.md +0 -62
data/docs/build/templates/index.html +0 -37
data/docs/build/templates/layout.html +0 -68
data/docs/build/templates/page.html +0 -3
data/docs/buttons.html +0 -357
data/docs/changelog.html +0 -264
data/docs/components.html +0 -220
data/docs/css/github.css +0 -88
data/docs/css/markdown.css +0 -108
data/docs/despegar.html +0 -377
data/docs/inputs.html +0 -248
data/docs/intro.html +0 -233
data/docs/js/docs.js +0 -32
data/docs/js/rainbow-custom.min.js +0 -13
data/docs/js/viewer.js +0 -12
data/docs/list-grids.html +0 -350
data/docs/mejoras.html +0 -250
data/docs/navs.html +0 -281
data/docs/pagination.html +0 -286
data/docs/popups.html +0 -337
data/docs/todo.html +0 -204
data/docs/utils.html +0 -233

data/docs/changelog.html DELETED Viewed

@@ -1,264 +0,0 @@
-<!DOCTYPE html>
-<!--[if IE 7]> <html class="ie7"> <![endif]-->
-<!--[if IE 8]> <html class="ie8"> <![endif]-->
-<!--[if IE 9]> <html class="ie9"> <![endif]-->
-<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <title>Picasso. Framework CSS/Sass.</title>
-    <link type="text/css" rel="stylesheet" href="./css/markdown.css">
-    <link type="text/css" rel="stylesheet" href="./css/github.css">
-    <link type="text/css" rel="stylesheet" href="./css/style.css">
-</head>
-<body>
-        <header>
-            <img src="img/picasso.png" />
-            <h1 class="title">Framework CSS/Sass.</h1>
-        </header>
-        <hr>
-        <h2>Contenidos</h2>
-        <aside>
-            <nav>
-                <ol>
-                        <li>
-                            <a href="./intro.html#introduccioacuten">Introducci&amp;oacute;n</a>
-                                <ol>
-                                        <li><a href="./intro.html#repositorio">Repositorio</a></li>
-                                        <li><a href="./intro.html#instalacioacuten">Instalaci&amp;oacute;n</a></li>
-                                        <li><a href="./intro.html#actualizacioacuten">Actualizaci&amp;oacute;n</a></li>
-                                        <li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&amp;oacute;n de oily_png</a></li>
-                                </ol>
-                        </li>
-                        <li>
-                            <a href="./changelog.html#changelog">Changelog</a>
-                                <ol>
-                                        <li><a href="./changelog.html#023">0.2.3</a></li>
-                                        <li><a href="./changelog.html#022">0.2.2</a></li>
-                                        <li><a href="./changelog.html#021">0.2.1</a></li>
-                                        <li><a href="./changelog.html#020">0.2.0</a></li>
-                                        <li><a href="./changelog.html#010">0.1.0</a></li>
-                                        <li><a href="./changelog.html#003">0.0.3</a></li>
-                                        <li><a href="./changelog.html#002">0.0.2</a></li>
-                                        <li><a href="./changelog.html#001">0.0.1</a></li>
-                                </ol>
-                        </li>
-                        <li>
-                            <a href="./todo.html#todo">Todo</a>
-                                <ol>
-                                        <li><a href="./todo.html#componentes">Componentes</a></li>
-                                        <li><a href="./todo.html#utilidades">Utilidades</a></li>
-                                        <li><a href="./todo.html#otros">Otros</a></li>
-                                </ol>
-                        </li>
-                        <li>
-                            <a href="./mejoras.html#mejoras-antildeadidos">Mejoras / A&amp;ntilde;adidos</a>
-                                <ol>
-                                        <li><a href="./mejoras.html#utilizar-el-coacutedigo-fuente">Utilizar el c&amp;oacute;digo fuente</a></li>
-                                        <li><a href="./mejoras.html#pruebas-locales-de-nuevos-antildeadidos-cambios">Pruebas locales de nuevos a&amp;ntilde;adidos/cambios:</a></li>
-                                        <li><a href="./mejoras.html#subidas-en-el-repositorio">Subidas en el repositorio</a></li>
-                                        <li><a href="./mejoras.html#generar-la-documentacioacuten">Generar la documentaci&amp;oacute;n</a></li>
-                                </ol>
-                        </li>
-                        <li>
-                            <a href="./components.html#components">Components</a>
-                                <ol>
-                                        <li><a href="./components.html#componentes-disponibles">Componentes disponibles</a></li>
-                                        <li><a href="./buttons.html#buttons">Buttons</a></li>
-                                        <li><a href="./inputs.html#inputs">Inputs</a></li>
-                                        <li><a href="./navs.html#navs">Navs</a></li>
-                                        <li><a href="./list-grids.html#list-grid">List Grid</a></li>
-                                        <li><a href="./arrows.html#arrows">Arrows</a></li>
-                                        <li><a href="./pagination.html#pagination">Pagination</a></li>
-                                        <li><a href="./bubbles.html#bubbles">Bubbles</a></li>
-                                        <li><a href="./popups.html#popups">Popups</a></li>
-                                        <li><a href="./accordions.html#accordions">Accordions</a></li>
-                                </ol>
-                        </li>
-                        <li>
-                            <a href="./utils.html#utils">Utils</a>
-                                <ol>
-                                        <li><a href="./utils.html#clearfix">Clearfix</a></li>
-                                        <li><a href="./utils.html#ie">IE</a></li>
-                                        <li><a href="./utils.html#sprite">Sprite</a></li>
-                                </ol>
-                        </li>
-                        <li>
-                            <a href="./despegar.html#despegar">Despegar</a>
-                                <ol>
-                                        <li><a href="./despegar.html#variables">Variables</a></li>
-                                </ol>
-                        </li>
-                </ol>
-            </nav>
-        </aside>
-    <hr>
-    <article>
-    <a name="changelog"></a><h1>Changelog</h1>
-<a name="023"></a><h2>0.2.3</h2>
-<ul>
-<li>Fix estado estado <code>disabled</code> para IE;</li>
-</ul>
-<a name="022"></a><h2>0.2.2</h2>
-<ul>
-<li>Se agrega estado <code>disabled</code> para los botones 3D;</li>
-</ul>
-<a name="021"></a><h2>0.2.1</h2>
-<ul>
-<li>Fix sombras, gradientes y bordes de botones y nav de IE9;</li>
-</ul>
-<a name="020"></a><h2>0.2.0</h2>
-<ul>
-<li>Fix degradados de botones en Chrome;</li>
-<li>Separaci&oacute;n de botones por tipo;</li>
-<li>Nuevos botones 3D;</li>
-<li>Se quita a oily_png como dependencia;</li>
-</ul>
-<a name="010"></a><h2>0.1.0</h2>
-<ul>
-<li>Agregados nuevos componentes:</li>
-<li><ul>
-<li>Popups</li>
-</ul>
-</li>
-<li><ul>
-<li>Pagination</li>
-</ul>
-</li>
-<li><ul>
-<li>Navs</li>
-</ul>
-</li>
-<li><ul>
-<li>List Grids</li>
-</ul>
-</li>
-<li><ul>
-<li>Inputs</li>
-</ul>
-</li>
-<li><ul>
-<li>Accordions</li>
-</ul>
-</li>
-<li>Agregadas nuevas utilidades:</li>
-<li><ul>
-<li>Sprite: <code>insert-in-sprite()</code></li>
-</ul>
-</li>
-<li><ul>
-<li>IE: <code>after()</code> / <code>before()</code></li>
-</ul>
-</li>
-<li>Nuevo fallback para IE: Generaci&oacute;n din&aacute;mica de sprites para componentes a trav&eacute;s de <a href="https://github.com/StanAngeloff/compass-magick">compass-magick</a>.</li>
-<li>Se elimina el soporte para CSS3 Pie, siendo reemplazado por fallback de sprites.</li>
-<li>Reorganizaci&oacute;n interna de la documentaci&oacute;n.</li>
-</ul>
-<a name="003"></a><h2>0.0.3</h2>
-<ul>
-<li>Agregados estilos de fallback para Internet Explorer.</li>
-<li>Soporte para CSS3 Pie (de manera predeterminado apagado).</li>
-<li>Agregada la documentaci&oacute;n sobre la generaci&oacute;n de docs.</li>
-</ul>
-<a name="002"></a><h2>0.0.2</h2>
-<ul>
-<li>Modularizaci&oacute;n del componente.</li>
-<li>Agregados: buttons, mini-buttons, bubbles y arrows.</li>
-<li>Creaci&oacute;n de la documentaci&oacute;n.</li>
-</ul>
-<a name="001"></a><h2>0.0.1</h2>
-<ul>
-<li>Versi&oacute;n inicial.</li>
-<li>Agregadas las variables de la marca Despegar y clearfix.</li>
-</ul>
-</article>
-    <footer>
-    </footer>
-  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
-  <script src="./js/docs.js"></script>
-  <script src="./js/rainbow-custom.min.js"></script>
-</body>
-</html>

data/docs/components.html DELETED Viewed

@@ -1,220 +0,0 @@
-<!DOCTYPE html>
-<!--[if IE 7]> <html class="ie7"> <![endif]-->
-<!--[if IE 8]> <html class="ie8"> <![endif]-->
-<!--[if IE 9]> <html class="ie9"> <![endif]-->
-<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <title>Picasso. Framework CSS/Sass.</title>
-    <link type="text/css" rel="stylesheet" href="./css/markdown.css">
-    <link type="text/css" rel="stylesheet" href="./css/github.css">
-    <link type="text/css" rel="stylesheet" href="./css/style.css">
-</head>
-<body>
-        <header>
-            <img src="img/picasso.png" />
-            <h1 class="title">Framework CSS/Sass.</h1>
-        </header>
-        <hr>
-        <h2>Contenidos</h2>
-        <aside>
-            <nav>
-                <ol>
-                        <li>
-                            <a href="./intro.html#introduccioacuten">Introducci&amp;oacute;n</a>
-                                <ol>
-                                        <li><a href="./intro.html#repositorio">Repositorio</a></li>
-                                        <li><a href="./intro.html#instalacioacuten">Instalaci&amp;oacute;n</a></li>
-                                        <li><a href="./intro.html#actualizacioacuten">Actualizaci&amp;oacute;n</a></li>
-                                        <li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&amp;oacute;n de oily_png</a></li>
-                                </ol>
-                        </li>
-                        <li>
-                            <a href="./changelog.html#changelog">Changelog</a>
-                                <ol>
-                                        <li><a href="./changelog.html#023">0.2.3</a></li>
-                                        <li><a href="./changelog.html#022">0.2.2</a></li>
-                                        <li><a href="./changelog.html#021">0.2.1</a></li>
-                                        <li><a href="./changelog.html#020">0.2.0</a></li>
-                                        <li><a href="./changelog.html#010">0.1.0</a></li>
-                                        <li><a href="./changelog.html#003">0.0.3</a></li>
-                                        <li><a href="./changelog.html#002">0.0.2</a></li>
-                                        <li><a href="./changelog.html#001">0.0.1</a></li>
-                                </ol>
-                        </li>
-                        <li>
-                            <a href="./todo.html#todo">Todo</a>
-                                <ol>
-                                        <li><a href="./todo.html#componentes">Componentes</a></li>
-                                        <li><a href="./todo.html#utilidades">Utilidades</a></li>
-                                        <li><a href="./todo.html#otros">Otros</a></li>
-                                </ol>
-                        </li>
-                        <li>
-                            <a href="./mejoras.html#mejoras-antildeadidos">Mejoras / A&amp;ntilde;adidos</a>
-                                <ol>
-                                        <li><a href="./mejoras.html#utilizar-el-coacutedigo-fuente">Utilizar el c&amp;oacute;digo fuente</a></li>
-                                        <li><a href="./mejoras.html#pruebas-locales-de-nuevos-antildeadidos-cambios">Pruebas locales de nuevos a&amp;ntilde;adidos/cambios:</a></li>
-                                        <li><a href="./mejoras.html#subidas-en-el-repositorio">Subidas en el repositorio</a></li>
-                                        <li><a href="./mejoras.html#generar-la-documentacioacuten">Generar la documentaci&amp;oacute;n</a></li>
-                                </ol>
-                        </li>
-                        <li>
-                            <a href="./components.html#components">Components</a>
-                                <ol>
-                                        <li><a href="./components.html#componentes-disponibles">Componentes disponibles</a></li>
-                                        <li><a href="./buttons.html#buttons">Buttons</a></li>
-                                        <li><a href="./inputs.html#inputs">Inputs</a></li>
-                                        <li><a href="./navs.html#navs">Navs</a></li>
-                                        <li><a href="./list-grids.html#list-grid">List Grid</a></li>
-                                        <li><a href="./arrows.html#arrows">Arrows</a></li>
-                                        <li><a href="./pagination.html#pagination">Pagination</a></li>
-                                        <li><a href="./bubbles.html#bubbles">Bubbles</a></li>
-                                        <li><a href="./popups.html#popups">Popups</a></li>
-                                        <li><a href="./accordions.html#accordions">Accordions</a></li>
-                                </ol>
-                        </li>
-                        <li>
-                            <a href="./utils.html#utils">Utils</a>
-                                <ol>
-                                        <li><a href="./utils.html#clearfix">Clearfix</a></li>
-                                        <li><a href="./utils.html#ie">IE</a></li>
-                                        <li><a href="./utils.html#sprite">Sprite</a></li>
-                                </ol>
-                        </li>
-                        <li>
-                            <a href="./despegar.html#despegar">Despegar</a>
-                                <ol>
-                                        <li><a href="./despegar.html#variables">Variables</a></li>
-                                </ol>
-                        </li>
-                </ol>
-            </nav>
-        </aside>
-    <hr>
-    <article>
-    <hr>
-<a name="components"></a><h1>Components</h1>
-<p>Representan a elementos comunes/patrones utilizados a lo largo del sitio. Estan pensandos para ser flexibles y configurables para ser implementados en distintas situaciones.
-</p>
-<p>La gran mayor&iacute;a de los componentes hacen uso intensivo de estilos CSS3 y ofrecen estrateg&iacute;as alternativas (<a href="https://encrypted.google.com/search?hl=en&amp;q=fallback%20definition">fallback</a>) para navegadores que no soportan dichos estilos (Internet Explorer &lt;= 9).
-</p>
-<p>Para tener compatibilidad con Internet Explorer, el &uacute;nico requisito es que la p&aacute;gina que carga los estilos generados por Picasso posean la <a href="http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/">t&eacute;cnica de clases condicionales en la etiqueta html</a>:
-</p>
-<pre><code class="lang-html">&lt;!DOCTYPE html&gt;
-&lt;!--[if IE 7]&gt; &lt;html class=&quot;ie7&quot;&gt; &lt;![endif]--&gt;
-&lt;!--[if IE 8]&gt; &lt;html class=&quot;ie8&quot;&gt; &lt;![endif]--&gt;
-&lt;!--[if IE 9]&gt; &lt;html class=&quot;ie9&quot;&gt; &lt;![endif]--&gt;
-&lt;!--[if gt IE 9]&gt;&lt;!--&gt; &lt;html&gt; &lt;!--&lt;![endif]--&gt;</code></pre>
-<a name="estrategias-y-estilos-de-fallback-para-ie-en-componentes"></a><h3>Estrategias y estilos de fallback para IE en componentes</h3>
-<p>Para ciertos componentes, Picasso ofrece dos estrategias para aplicar estilos de fallback. Dichas estrateg&iacute;as se setean en variables individuales de cada componente, por ejemplo:
-</p>
-<pre><code class="lang-css">$&lt;componente&gt;-ie-fallback: &quot;sprites&quot;|&quot;GD&quot;</code></pre>
-<p>Los valores admitidos son <code>sprites</code> y <code>GD</code> (Graceful Degradation).
-</p>
-<a name="estrategiacutea-de-sprites"></a><h4>Estrateg&iacute;a de sprites</h4>
-<p>Por cada componente, Picasso generar&aacute; dinamicamente un sprite para recrear los estilos de cada elemento y setear&aacute; los estilos para que Internet Explorer utilice el sprite generado.
-</p>
-<a name="estrategiacutea-gd"></a><h4>Estrateg&iacute;a GD</h4>
-<p>Por cada componente, Picasso setear&aacute; estilos minimos, soportados por Internet Explorer, para que el componente siga siendo usable y funcional.
-</p>
-<a name="componentes-disponibles"></a><h2>Componentes disponibles</h2>
-</article>
-    <footer>
-    </footer>
-  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
-  <script src="./js/docs.js"></script>
-  <script src="./js/rainbow-custom.min.js"></script>
-</body>
-</html>