picasso 0.4.1 → 0.4.2

data/README.md

@@ -22,7 +22,7 @@ En el `config.rb` agregar:
 ```ruby
 require 'picasso'
 require 'magick'
-gem 'picasso', '~> 0.4.1'
+gem 'picasso', '~> 0.4.2'
 ```
 
 Modificar el número de versión a medida que se quiere usar nuevas versiones del framework. 
@@ -67,11 +67,16 @@ $ (sudo) apt-get install ruby-oily-png
 
 # Changelog
 
+## 0.4.2
+* Se agregan nuevas opciones de customización de las grillas;
+* Se quita soporte de IE6 en `clearfix()`;
+* Se agregan nuevos colores en `despegar/variables`.
+
 ## 0.4.1
 * Cambios en colores de la marca Despegar;
 * Se quita workaround en los botones 3D para Google Chrome (http://code.google.com/p/chromium/issues/detail?id=29427)
 
-## 0.4.0 (Versión no backward compatibility)
+## 0.4.0 (!backward compatibility)
 * Se agregan nuevos colores y tamaños para la marca Despegar;
 
 ## 0.3.7
@@ -100,7 +105,7 @@ $ (sudo) apt-get install ruby-oily-png
 * Refactor de componente tooltip;
 * Refactor de componente accordion;
 
-## 0.3.0 (Versión no backward compatibility)
+## 0.3.0 (!backward compatibility)
 
 * Nueva utilidad: Grillas;
 * Nuevo componente: mini-tooltips;
@@ -118,7 +123,7 @@ $ (sudo) apt-get install ruby-oily-png
 
 * Fix sombras, gradientes y bordes de botones y nav de IE9;
 
-## 0.2.0 (Versión no backward compatibility)
+## 0.2.0 (!backward compatibility)
 
 * Fix degradados de botones en Chrome;
 * Separación de botones por tipo;

data/docs/_picasso.html

@@ -1314,7 +1314,7 @@ body {
 .list-grid-demo-1:after {
   clear: both;
 }
-.ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
+.ie7 .list-grid-demo-1 {
   zoom: 1;
 }
 .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
 .nav-demo-1:after {
   clear: both;
 }
-.ie6 .nav-demo-1, .ie7 .nav-demo-1 {
+.ie7 .nav-demo-1 {
   zoom: 1;
 }
 .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
 .nav-demo-1 ul:after {
   clear: both;
 }
-.ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
+.ie7 .nav-demo-1 ul {
   zoom: 1;
 }
 .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
 .accordion-demo-1 .accordion-header:after {
   clear: both;
 }
-.ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
+.ie7 .accordion-demo-1 .accordion-header {
   zoom: 1;
 }
 .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
 .row-col:after {
   clear: both;
 }
-.ie6 .row-col, .ie7 .row-col {
+.ie7 .row-col {
   zoom: 1;
 }
 .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
 .clearfix-demo:after {
   clear: both;
 }
-.ie6 .clearfix-demo, .ie7 .clearfix-demo {
+.ie7 .clearfix-demo {
   zoom: 1;
 }
 .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
   background: #66ccff;
 }
 
+.despegar-link-bg-hover-demo {
+  padding: 10px;
+  background: #f1f6fc;
+}
+
 .despegar-error-bg-demo {
   padding: 10px;
   background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
   background: #ff9900;
 }
 
+.despegar-fill-bg-demo {
+  padding: 10px;
+  background: #84a8fb;
+}
+
 .clusters-demo-1 .cluster {
   margin-bottom: 15px;
   border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
 .clusters-demo-1 .cluster:after {
   clear: both;
 }
-.ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
+.ie7 .clusters-demo-1 .cluster {
   zoom: 1;
 }
 .clusters-demo-1 .cluster .cluster-items-list {

data/docs/css/picasso-demos.css

@@ -1313,7 +1313,7 @@ body {
 .list-grid-demo-1:after {
   clear: both;
 }
-.ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
+.ie7 .list-grid-demo-1 {
   zoom: 1;
 }
 .list-grid-demo-1 ul {
@@ -1372,7 +1372,7 @@ body {
 .nav-demo-1:after {
   clear: both;
 }
-.ie6 .nav-demo-1, .ie7 .nav-demo-1 {
+.ie7 .nav-demo-1 {
   zoom: 1;
 }
 .nav-demo-1 ul {
@@ -1388,7 +1388,7 @@ body {
 .nav-demo-1 ul:after {
   clear: both;
 }
-.ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
+.ie7 .nav-demo-1 ul {
   zoom: 1;
 }
 .nav-demo-1 ul li {
@@ -1946,7 +1946,7 @@ body {
 .accordion-demo-1 .accordion-header:after {
   clear: both;
 }
-.ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
+.ie7 .accordion-demo-1 .accordion-header {
   zoom: 1;
 }
 .accordion-demo-1 .accordion-header h4 {
@@ -2258,7 +2258,7 @@ body {
 .row-col:after {
   clear: both;
 }
-.ie6 .row-col, .ie7 .row-col {
+.ie7 .row-col {
   zoom: 1;
 }
 .row-col [class^="col"] {
@@ -2453,7 +2453,7 @@ body {
 .clearfix-demo:after {
   clear: both;
 }
-.ie6 .clearfix-demo, .ie7 .clearfix-demo {
+.ie7 .clearfix-demo {
   zoom: 1;
 }
 .clearfix-demo div {
@@ -2603,6 +2603,11 @@ body {
   background: #66ccff;
 }
 
+.despegar-link-bg-hover-demo {
+  padding: 10px;
+  background: #f1f6fc;
+}
+
 .despegar-error-bg-demo {
   padding: 10px;
   background: #ffe6e6;
@@ -2623,6 +2628,11 @@ body {
   background: #ff9900;
 }
 
+.despegar-fill-bg-demo {
+  padding: 10px;
+  background: #84a8fb;
+}
+
 .clusters-demo-1 .cluster {
   margin-bottom: 15px;
   border: 1px solid #cccccc;
@@ -2640,7 +2650,7 @@ body {
 .clusters-demo-1 .cluster:after {
   clear: both;
 }
-.ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
+.ie7 .clusters-demo-1 .cluster {
   zoom: 1;
 }
 .clusters-demo-1 .cluster .cluster-items-list {

data/docs/index.html

@@ -1314,7 +1314,7 @@ body {
 .list-grid-demo-1:after {
   clear: both;
 }
-.ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
+.ie7 .list-grid-demo-1 {
   zoom: 1;
 }
 .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
 .nav-demo-1:after {
   clear: both;
 }
-.ie6 .nav-demo-1, .ie7 .nav-demo-1 {
+.ie7 .nav-demo-1 {
   zoom: 1;
 }
 .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
 .nav-demo-1 ul:after {
   clear: both;
 }
-.ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
+.ie7 .nav-demo-1 ul {
   zoom: 1;
 }
 .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
 .accordion-demo-1 .accordion-header:after {
   clear: both;
 }
-.ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
+.ie7 .accordion-demo-1 .accordion-header {
   zoom: 1;
 }
 .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
 .row-col:after {
   clear: both;
 }
-.ie6 .row-col, .ie7 .row-col {
+.ie7 .row-col {
   zoom: 1;
 }
 .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
 .clearfix-demo:after {
   clear: both;
 }
-.ie6 .clearfix-demo, .ie7 .clearfix-demo {
+.ie7 .clearfix-demo {
   zoom: 1;
 }
 .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
   background: #66ccff;
 }
 
+.despegar-link-bg-hover-demo {
+  padding: 10px;
+  background: #f1f6fc;
+}
+
 .despegar-error-bg-demo {
   padding: 10px;
   background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
   background: #ff9900;
 }
 
+.despegar-fill-bg-demo {
+  padding: 10px;
+  background: #84a8fb;
+}
+
 .clusters-demo-1 .cluster {
   margin-bottom: 15px;
   border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
 .clusters-demo-1 .cluster:after {
   clear: both;
 }
-.ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
+.ie7 .clusters-demo-1 .cluster {
   zoom: 1;
 }
 .clusters-demo-1 .cluster .cluster-items-list {
@@ -2745,7 +2755,7 @@ body {
 </p>
 <pre><code class="lang-ruby">require &#39;picasso&#39;
 require &#39;magick&#39;
-gem &#39;picasso&#39;, &#39;~&gt; 0.4.1&#39;</code></pre>
+gem &#39;picasso&#39;, &#39;~&gt; 0.4.2&#39;</code></pre>
 <p>Modificar el n&uacute;mero de versi&oacute;n a medida que se quiere usar nuevas versiones del framework. 
 
 </p>
@@ -2771,12 +2781,18 @@ gem &#39;picasso&#39;, &#39;~&gt; 0.4.1&#39;</code></pre>
 <h3>Linux</h3>
 <pre><code class="lang-bash">$ (sudo) apt-get update
 $ (sudo) apt-get install ruby-oily-png</code></pre>
-</div></article><article id="changelog" class="section"><div class="docs"><h1>Changelog</h1><a href="#changelog" class="permalink ir">Changelog</a><h2>0.4.1</h2>
+</div></article><article id="changelog" class="section"><div class="docs"><h1>Changelog</h1><a href="#changelog" class="permalink ir">Changelog</a><h2>0.4.2</h2>
+<ul>
+<li>Se agregan nuevas opciones de customización de las grillas;</li>
+<li>Se quita soporte de IE6 en <code>clearfix()</code>;</li>
+<li>Se agregan nuevos colores en <code>despegar/variables</code>.</li>
+</ul>
+<h2>0.4.1</h2>
 <ul>
 <li>Cambios en colores de la marca Despegar;</li>
 <li>Se quita workaround en los botones 3D para Google Chrome (<a href="http://code.google.com/p/chromium/issues/detail?id=29427">http://code.google.com/p/chromium/issues/detail?id=29427</a>)</li>
 </ul>
-<h2>0.4.0 (Versión no backward compatibility)</h2>
+<h2>0.4.0 (!backward compatibility)</h2>
 <ul>
 <li>Se agregan nuevos colores y tamaños para la marca Despegar;</li>
 </ul>
@@ -2813,7 +2829,7 @@ $ (sudo) apt-get install ruby-oily-png</code></pre>
 <li>Refactor de componente tooltip;</li>
 <li>Refactor de componente accordion;</li>
 </ul>
-<h2>0.3.0 (Versión no backward compatibility)</h2>
+<h2>0.3.0 (!backward compatibility)</h2>
 <ul>
 <li>Nueva utilidad: Grillas;</li>
 <li>Nuevo componente: mini-tooltips;</li>
@@ -2831,7 +2847,7 @@ $ (sudo) apt-get install ruby-oily-png</code></pre>
 <ul>
 <li>Fix sombras, gradientes y bordes de botones y nav de IE9;</li>
 </ul>
-<h2>0.2.0 (Versión no backward compatibility)</h2>
+<h2>0.2.0 (!backward compatibility)</h2>
 <ul>
 <li>Fix degradados de botones en Chrome;</li>
 <li>Separaci&oacute;n de botones por tipo;</li>

data/docs/picasso-_components.html

@@ -1314,7 +1314,7 @@ body {
 .list-grid-demo-1:after {
   clear: both;
 }
-.ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
+.ie7 .list-grid-demo-1 {
   zoom: 1;
 }
 .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
 .nav-demo-1:after {
   clear: both;
 }
-.ie6 .nav-demo-1, .ie7 .nav-demo-1 {
+.ie7 .nav-demo-1 {
   zoom: 1;
 }
 .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
 .nav-demo-1 ul:after {
   clear: both;
 }
-.ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
+.ie7 .nav-demo-1 ul {
   zoom: 1;
 }
 .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
 .accordion-demo-1 .accordion-header:after {
   clear: both;
 }
-.ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
+.ie7 .accordion-demo-1 .accordion-header {
   zoom: 1;
 }
 .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
 .row-col:after {
   clear: both;
 }
-.ie6 .row-col, .ie7 .row-col {
+.ie7 .row-col {
   zoom: 1;
 }
 .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
 .clearfix-demo:after {
   clear: both;
 }
-.ie6 .clearfix-demo, .ie7 .clearfix-demo {
+.ie7 .clearfix-demo {
   zoom: 1;
 }
 .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
   background: #66ccff;
 }
 
+.despegar-link-bg-hover-demo {
+  padding: 10px;
+  background: #f1f6fc;
+}
+
 .despegar-error-bg-demo {
   padding: 10px;
   background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
   background: #ff9900;
 }
 
+.despegar-fill-bg-demo {
+  padding: 10px;
+  background: #84a8fb;
+}
+
 .clusters-demo-1 .cluster {
   margin-bottom: 15px;
   border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
 .clusters-demo-1 .cluster:after {
   clear: both;
 }
-.ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
+.ie7 .clusters-demo-1 .cluster {
   zoom: 1;
 }
 .clusters-demo-1 .cluster .cluster-items-list {

data/docs/picasso-_despegar.html

@@ -1314,7 +1314,7 @@ body {
 .list-grid-demo-1:after {
   clear: both;
 }
-.ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
+.ie7 .list-grid-demo-1 {
   zoom: 1;
 }
 .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
 .nav-demo-1:after {
   clear: both;
 }
-.ie6 .nav-demo-1, .ie7 .nav-demo-1 {
+.ie7 .nav-demo-1 {
   zoom: 1;
 }
 .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
 .nav-demo-1 ul:after {
   clear: both;
 }
-.ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
+.ie7 .nav-demo-1 ul {
   zoom: 1;
 }
 .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
 .accordion-demo-1 .accordion-header:after {
   clear: both;
 }
-.ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
+.ie7 .accordion-demo-1 .accordion-header {
   zoom: 1;
 }
 .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
 .row-col:after {
   clear: both;
 }
-.ie6 .row-col, .ie7 .row-col {
+.ie7 .row-col {
   zoom: 1;
 }
 .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
 .clearfix-demo:after {
   clear: both;
 }
-.ie6 .clearfix-demo, .ie7 .clearfix-demo {
+.ie7 .clearfix-demo {
   zoom: 1;
 }
 .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
   background: #66ccff;
 }
 
+.despegar-link-bg-hover-demo {
+  padding: 10px;
+  background: #f1f6fc;
+}
+
 .despegar-error-bg-demo {
   padding: 10px;
   background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
   background: #ff9900;
 }
 
+.despegar-fill-bg-demo {
+  padding: 10px;
+  background: #84a8fb;
+}
+
 .clusters-demo-1 .cluster {
   margin-bottom: 15px;
   border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
 .clusters-demo-1 .cluster:after {
   clear: both;
 }
-.ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
+.ie7 .clusters-demo-1 .cluster {
   zoom: 1;
 }
 .clusters-demo-1 .cluster .cluster-items-list {

data/docs/picasso-_utils.html

@@ -1314,7 +1314,7 @@ body {
 .list-grid-demo-1:after {
   clear: both;
 }
-.ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
+.ie7 .list-grid-demo-1 {
   zoom: 1;
 }
 .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
 .nav-demo-1:after {
   clear: both;
 }
-.ie6 .nav-demo-1, .ie7 .nav-demo-1 {
+.ie7 .nav-demo-1 {
   zoom: 1;
 }
 .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
 .nav-demo-1 ul:after {
   clear: both;
 }
-.ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
+.ie7 .nav-demo-1 ul {
   zoom: 1;
 }
 .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
 .accordion-demo-1 .accordion-header:after {
   clear: both;
 }
-.ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
+.ie7 .accordion-demo-1 .accordion-header {
   zoom: 1;
 }
 .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
 .row-col:after {
   clear: both;
 }
-.ie6 .row-col, .ie7 .row-col {
+.ie7 .row-col {
   zoom: 1;
 }
 .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
 .clearfix-demo:after {
   clear: both;
 }
-.ie6 .clearfix-demo, .ie7 .clearfix-demo {
+.ie7 .clearfix-demo {
   zoom: 1;
 }
 .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
   background: #66ccff;
 }
 
+.despegar-link-bg-hover-demo {
+  padding: 10px;
+  background: #f1f6fc;
+}
+
 .despegar-error-bg-demo {
   padding: 10px;
   background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
   background: #ff9900;
 }
 
+.despegar-fill-bg-demo {
+  padding: 10px;
+  background: #84a8fb;
+}
+
 .clusters-demo-1 .cluster {
   margin-bottom: 15px;
   border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
 .clusters-demo-1 .cluster:after {
   clear: both;
 }
-.ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
+.ie7 .clusters-demo-1 .cluster {
   zoom: 1;
 }
 .clusters-demo-1 .cluster .cluster-items-list {

data/docs/picasso-components-_accordions.html

@@ -1314,7 +1314,7 @@ body {
 .list-grid-demo-1:after {
   clear: both;
 }
-.ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
+.ie7 .list-grid-demo-1 {
   zoom: 1;
 }
 .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
 .nav-demo-1:after {
   clear: both;
 }
-.ie6 .nav-demo-1, .ie7 .nav-demo-1 {
+.ie7 .nav-demo-1 {
   zoom: 1;
 }
 .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
 .nav-demo-1 ul:after {
   clear: both;
 }
-.ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
+.ie7 .nav-demo-1 ul {
   zoom: 1;
 }
 .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
 .accordion-demo-1 .accordion-header:after {
   clear: both;
 }
-.ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
+.ie7 .accordion-demo-1 .accordion-header {
   zoom: 1;
 }
 .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
 .row-col:after {
   clear: both;
 }
-.ie6 .row-col, .ie7 .row-col {
+.ie7 .row-col {
   zoom: 1;
 }
 .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
 .clearfix-demo:after {
   clear: both;
 }
-.ie6 .clearfix-demo, .ie7 .clearfix-demo {
+.ie7 .clearfix-demo {
   zoom: 1;
 }
 .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
   background: #66ccff;
 }
 
+.despegar-link-bg-hover-demo {
+  padding: 10px;
+  background: #f1f6fc;
+}
+
 .despegar-error-bg-demo {
   padding: 10px;
   background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
   background: #ff9900;
 }
 
+.despegar-fill-bg-demo {
+  padding: 10px;
+  background: #84a8fb;
+}
+
 .clusters-demo-1 .cluster {
   margin-bottom: 15px;
   border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
 .clusters-demo-1 .cluster:after {
   clear: both;
 }
-.ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
+.ie7 .clusters-demo-1 .cluster {
   zoom: 1;
 }
 .clusters-demo-1 .cluster .cluster-items-list {