picasso 0.6.0 → 0.6.1

data/README.md

@@ -21,10 +21,10 @@ En el `config.rb` agregar:
 
 ```ruby
 require 'picasso'
-gem 'picasso', '~> 0.6.0'
+gem 'picasso', '~> 0.6.1'
 ```
 
-Para versiones anteriores a 0.6.0, también se debe agregar como dependencia en el `config.rb`:
+Para versiones anteriores a 0.6.1, también se debe agregar como dependencia en el `config.rb`:
 
 ```ruby
 require 'magick'
@@ -72,6 +72,9 @@ $ (sudo) apt-get install ruby-oily-png
 
 # Changelog
 
+## 0.6.1
+* Se agregan clases `push0-<size>`/`pull0-<size>` para poder resetear el posicionamiento relativo en las grillas.
+
 ## 0.6.0
 * Mejoras en las grillas: Se agregan clases para el manejo de columnas antes diferentes resoluciones (`-small`, `-medium`, `-large`), posibilidad de posicionar columnas de manera relativa, centrado de columnas y ocultación. 
 

data/docs/_picasso.html

@@ -2133,6 +2133,12 @@ body {
 .row-col .col0 {
   display: none;
 }
+.row-col .push0,
+.row-col .push0:first-child,
+.row-col .pull0,
+.row-col .pull0:first-child {
+  left: 0;
+}
 .row-col .centered,
 .row-col .centered:first-child {
   margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
   .row-col .col0-small {
     display: none;
   }
+  .row-col .push0-small,
+  .row-col .push0-small:first-child,
+  .row-col .pull0-small,
+  .row-col .pull0-small:first-child {
+    left: 0;
+  }
   .row-col .centered-small,
   .row-col .centered-small:first-child {
     margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
   .row-col .col0-medium {
     display: none;
   }
+  .row-col .push0-medium,
+  .row-col .push0-medium:first-child,
+  .row-col .pull0-medium,
+  .row-col .pull0-medium:first-child {
+    left: 0;
+  }
   .row-col .centered-medium,
   .row-col .centered-medium:first-child {
     margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
   .row-col .col0-large {
     display: none;
   }
+  .row-col .push0-large,
+  .row-col .push0-large:first-child,
+  .row-col .pull0-large,
+  .row-col .pull0-large:first-child {
+    left: 0;
+  }
   .row-col .centered-large,
   .row-col .centered-large:first-child {
     margin-left: auto;

data/docs/css/picasso-demos.css

@@ -2132,6 +2132,12 @@ body {
 .row-col .col0 {
   display: none;
 }
+.row-col .push0,
+.row-col .push0:first-child,
+.row-col .pull0,
+.row-col .pull0:first-child {
+  left: 0;
+}
 .row-col .centered,
 .row-col .centered:first-child {
   margin-left: auto;
@@ -2340,6 +2346,12 @@ body {
   .row-col .col0-small {
     display: none;
   }
+  .row-col .push0-small,
+  .row-col .push0-small:first-child,
+  .row-col .pull0-small,
+  .row-col .pull0-small:first-child {
+    left: 0;
+  }
   .row-col .centered-small,
   .row-col .centered-small:first-child {
     margin-left: auto;
@@ -2549,6 +2561,12 @@ body {
   .row-col .col0-medium {
     display: none;
   }
+  .row-col .push0-medium,
+  .row-col .push0-medium:first-child,
+  .row-col .pull0-medium,
+  .row-col .pull0-medium:first-child {
+    left: 0;
+  }
   .row-col .centered-medium,
   .row-col .centered-medium:first-child {
     margin-left: auto;
@@ -2758,6 +2776,12 @@ body {
   .row-col .col0-large {
     display: none;
   }
+  .row-col .push0-large,
+  .row-col .push0-large:first-child,
+  .row-col .pull0-large,
+  .row-col .pull0-large:first-child {
+    left: 0;
+  }
   .row-col .centered-large,
   .row-col .centered-large:first-child {
     margin-left: auto;

data/docs/index.html

@@ -2133,6 +2133,12 @@ body {
 .row-col .col0 {
   display: none;
 }
+.row-col .push0,
+.row-col .push0:first-child,
+.row-col .pull0,
+.row-col .pull0:first-child {
+  left: 0;
+}
 .row-col .centered,
 .row-col .centered:first-child {
   margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
   .row-col .col0-small {
     display: none;
   }
+  .row-col .push0-small,
+  .row-col .push0-small:first-child,
+  .row-col .pull0-small,
+  .row-col .pull0-small:first-child {
+    left: 0;
+  }
   .row-col .centered-small,
   .row-col .centered-small:first-child {
     margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
   .row-col .col0-medium {
     display: none;
   }
+  .row-col .push0-medium,
+  .row-col .push0-medium:first-child,
+  .row-col .pull0-medium,
+  .row-col .pull0-medium:first-child {
+    left: 0;
+  }
   .row-col .centered-medium,
   .row-col .centered-medium:first-child {
     margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
   .row-col .col0-large {
     display: none;
   }
+  .row-col .push0-large,
+  .row-col .push0-large:first-child,
+  .row-col .pull0-large,
+  .row-col .pull0-large:first-child {
+    left: 0;
+  }
   .row-col .centered-large,
   .row-col .centered-large:first-child {
     margin-left: auto;
@@ -3109,8 +3133,8 @@ body {
 
 </p>
 <pre><code class="lang-ruby">require &#39;picasso&#39;
-gem &#39;picasso&#39;, &#39;~&gt; 0.6.0&#39;</code></pre>
-<p>Para versiones anteriores a 0.6.0, también se debe agregar como dependencia en el <code>config.rb</code>:
+gem &#39;picasso&#39;, &#39;~&gt; 0.6.1&#39;</code></pre>
+<p>Para versiones anteriores a 0.6.1, también se debe agregar como dependencia en el <code>config.rb</code>:
 
 </p>
 <pre><code class="lang-ruby">require &#39;magick&#39;</code></pre>
@@ -3139,7 +3163,11 @@ gem &#39;picasso&#39;, &#39;~&gt; 0.6.0&#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.6.0</h2>
+</div></article><article id="changelog" class="section"><div class="docs"><h1>Changelog</h1><a href="#changelog" class="permalink ir">Changelog</a><h2>0.6.1</h2>
+<ul>
+<li>Se agregan clases <code>push0-&lt;size&gt;</code>/<code>pull0-&lt;size&gt;</code> para poder resetear el posicionamiento relativo en las grillas.</li>
+</ul>
+<h2>0.6.0</h2>
 <ul>
 <li>Mejoras en las grillas: Se agregan clases para el manejo de columnas antes diferentes resoluciones (<code>-small</code>, <code>-medium</code>, <code>-large</code>), posibilidad de posicionar columnas de manera relativa, centrado de columnas y ocultación. </li>
 </ul>

data/docs/picasso-_components.html

@@ -2133,6 +2133,12 @@ body {
 .row-col .col0 {
   display: none;
 }
+.row-col .push0,
+.row-col .push0:first-child,
+.row-col .pull0,
+.row-col .pull0:first-child {
+  left: 0;
+}
 .row-col .centered,
 .row-col .centered:first-child {
   margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
   .row-col .col0-small {
     display: none;
   }
+  .row-col .push0-small,
+  .row-col .push0-small:first-child,
+  .row-col .pull0-small,
+  .row-col .pull0-small:first-child {
+    left: 0;
+  }
   .row-col .centered-small,
   .row-col .centered-small:first-child {
     margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
   .row-col .col0-medium {
     display: none;
   }
+  .row-col .push0-medium,
+  .row-col .push0-medium:first-child,
+  .row-col .pull0-medium,
+  .row-col .pull0-medium:first-child {
+    left: 0;
+  }
   .row-col .centered-medium,
   .row-col .centered-medium:first-child {
     margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
   .row-col .col0-large {
     display: none;
   }
+  .row-col .push0-large,
+  .row-col .push0-large:first-child,
+  .row-col .pull0-large,
+  .row-col .pull0-large:first-child {
+    left: 0;
+  }
   .row-col .centered-large,
   .row-col .centered-large:first-child {
     margin-left: auto;

data/docs/picasso-_despegar.html

@@ -2133,6 +2133,12 @@ body {
 .row-col .col0 {
   display: none;
 }
+.row-col .push0,
+.row-col .push0:first-child,
+.row-col .pull0,
+.row-col .pull0:first-child {
+  left: 0;
+}
 .row-col .centered,
 .row-col .centered:first-child {
   margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
   .row-col .col0-small {
     display: none;
   }
+  .row-col .push0-small,
+  .row-col .push0-small:first-child,
+  .row-col .pull0-small,
+  .row-col .pull0-small:first-child {
+    left: 0;
+  }
   .row-col .centered-small,
   .row-col .centered-small:first-child {
     margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
   .row-col .col0-medium {
     display: none;
   }
+  .row-col .push0-medium,
+  .row-col .push0-medium:first-child,
+  .row-col .pull0-medium,
+  .row-col .pull0-medium:first-child {
+    left: 0;
+  }
   .row-col .centered-medium,
   .row-col .centered-medium:first-child {
     margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
   .row-col .col0-large {
     display: none;
   }
+  .row-col .push0-large,
+  .row-col .push0-large:first-child,
+  .row-col .pull0-large,
+  .row-col .pull0-large:first-child {
+    left: 0;
+  }
   .row-col .centered-large,
   .row-col .centered-large:first-child {
     margin-left: auto;

data/docs/picasso-_utils.html

@@ -2133,6 +2133,12 @@ body {
 .row-col .col0 {
   display: none;
 }
+.row-col .push0,
+.row-col .push0:first-child,
+.row-col .pull0,
+.row-col .pull0:first-child {
+  left: 0;
+}
 .row-col .centered,
 .row-col .centered:first-child {
   margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
   .row-col .col0-small {
     display: none;
   }
+  .row-col .push0-small,
+  .row-col .push0-small:first-child,
+  .row-col .pull0-small,
+  .row-col .pull0-small:first-child {
+    left: 0;
+  }
   .row-col .centered-small,
   .row-col .centered-small:first-child {
     margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
   .row-col .col0-medium {
     display: none;
   }
+  .row-col .push0-medium,
+  .row-col .push0-medium:first-child,
+  .row-col .pull0-medium,
+  .row-col .pull0-medium:first-child {
+    left: 0;
+  }
   .row-col .centered-medium,
   .row-col .centered-medium:first-child {
     margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
   .row-col .col0-large {
     display: none;
   }
+  .row-col .push0-large,
+  .row-col .push0-large:first-child,
+  .row-col .pull0-large,
+  .row-col .pull0-large:first-child {
+    left: 0;
+  }
   .row-col .centered-large,
   .row-col .centered-large:first-child {
     margin-left: auto;

data/docs/picasso-components-_accordions.html

@@ -2133,6 +2133,12 @@ body {
 .row-col .col0 {
   display: none;
 }
+.row-col .push0,
+.row-col .push0:first-child,
+.row-col .pull0,
+.row-col .pull0:first-child {
+  left: 0;
+}
 .row-col .centered,
 .row-col .centered:first-child {
   margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
   .row-col .col0-small {
     display: none;
   }
+  .row-col .push0-small,
+  .row-col .push0-small:first-child,
+  .row-col .pull0-small,
+  .row-col .pull0-small:first-child {
+    left: 0;
+  }
   .row-col .centered-small,
   .row-col .centered-small:first-child {
     margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
   .row-col .col0-medium {
     display: none;
   }
+  .row-col .push0-medium,
+  .row-col .push0-medium:first-child,
+  .row-col .pull0-medium,
+  .row-col .pull0-medium:first-child {
+    left: 0;
+  }
   .row-col .centered-medium,
   .row-col .centered-medium:first-child {
     margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
   .row-col .col0-large {
     display: none;
   }
+  .row-col .push0-large,
+  .row-col .push0-large:first-child,
+  .row-col .pull0-large,
+  .row-col .pull0-large:first-child {
+    left: 0;
+  }
   .row-col .centered-large,
   .row-col .centered-large:first-child {
     margin-left: auto;

data/docs/picasso-components-_arrows.html

@@ -2133,6 +2133,12 @@ body {
 .row-col .col0 {
   display: none;
 }
+.row-col .push0,
+.row-col .push0:first-child,
+.row-col .pull0,
+.row-col .pull0:first-child {
+  left: 0;
+}
 .row-col .centered,
 .row-col .centered:first-child {
   margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
   .row-col .col0-small {
     display: none;
   }
+  .row-col .push0-small,
+  .row-col .push0-small:first-child,
+  .row-col .pull0-small,
+  .row-col .pull0-small:first-child {
+    left: 0;
+  }
   .row-col .centered-small,
   .row-col .centered-small:first-child {
     margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
   .row-col .col0-medium {
     display: none;
   }
+  .row-col .push0-medium,
+  .row-col .push0-medium:first-child,
+  .row-col .pull0-medium,
+  .row-col .pull0-medium:first-child {
+    left: 0;
+  }
   .row-col .centered-medium,
   .row-col .centered-medium:first-child {
     margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
   .row-col .col0-large {
     display: none;
   }
+  .row-col .push0-large,
+  .row-col .push0-large:first-child,
+  .row-col .pull0-large,
+  .row-col .pull0-large:first-child {
+    left: 0;
+  }
   .row-col .centered-large,
   .row-col .centered-large:first-child {
     margin-left: auto;