picasso 0.6.0 → 0.6.1

data/docs/picasso-components-buttons-_3d.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-_mixins.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-_variables.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-_clearfix.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-_grid.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;
@@ -3391,7 +3415,7 @@ body {
  &lt;/div&gt;</code></pre>
 <blockquote>
 <p>Notar que se utiliza la clase <code>first-&lt;size&gt;</code>. 
- La misma permite aplicar aplicar a una columna que no es primera como si lo fuera. 
+ La misma permite aplicar a una columna que no es primera como si lo fuera. 
  Caso contrario la misma tendrá un margen izquierdo por defecto.
 </p>
 </blockquote>
@@ -3504,6 +3528,28 @@ body {
      &lt;div class=&quot;col3 pull3-large pull3-medium push3-small&quot;&gt;3&lt;/div&gt;
      &lt;div class=&quot;col3 pull9-large pull6-small&quot;&gt;4&lt;/div&gt;
  &lt;/div&gt;</code></pre>
+<h5>Ejemplo 4</h5>
+<p> Comportamiento esperado:
+
+</p>
+<ul>
+<li>2 columnas de 6 unidades (orden inverso)</li>
+<li>Large: 2 columnas de 6 unidades (orden normal)</li>
+<li>Medium: 2 columnas de 6 unidades (orden inverso)</li>
+<li>Small: 2 columnas de 6 unidades (orden normal)</li>
+</ul>
+<div class="preview"> <div class="row-col">
+     <div class="col6 push6 pull0-large push6-medium pull0-small">1</div>
+     <div class="col6 pull6 push0-large pull6-medium push0-small">2</div>
+ </div></div><pre><code> &lt;div class=&quot;row-col&quot;&gt;
+     &lt;div class=&quot;col6 push6 pull0-large push6-medium pull0-small&quot;&gt;1&lt;/div&gt;
+     &lt;div class=&quot;col6 pull6 push0-large pull6-medium push0-small&quot;&gt;2&lt;/div&gt;
+ &lt;/div&gt;</code></pre>
+<blockquote>
+<p>Notar que se utiliza la clase <code>push0-&lt;size&gt;</code>/<code>pull0-&lt;size&gt;</code>. 
+ La misma permite resetear el posicionamiento relativo a 0.
+</p>
+</blockquote>
 <h4>Centered</h4>
 <p> La grilla ofrece la posibilidad de posicionar una columna de manera centrada a trav&eacute;s de la clase <code>centered</code>. 
  A su vez también se encuentran disponibles clases para el manejo ante diferentes resoluciones. 
@@ -3686,6 +3732,14 @@ $grid-default-include-push: true !default;
 	.#{$grid-default-column-class}0#{$grid-size}{
 		display: none;
 	}
+
+	//Clase para resetear push/pull
+	.#{$grid-default-push-class}0#{$grid-size}, 
+	.#{$grid-default-push-class}0#{$grid-size}:first-child, 
+	.#{$grid-default-pull-class}0#{$grid-size},
+	.#{$grid-default-pull-class}0#{$grid-size}:first-child{
+		left: 0;
+	}
 	
 	//Clase para columnas centradas
 	.#{$grid-default-centered-class}#{$grid-size},

data/docs/picasso-utils-_ie.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-_rem.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-_sprite.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;