Merge pull request #148 from WedgeSama/master

Fix grid position

css/knacss-unminified.css

@@ -920,6 +920,12 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
     width: calc(100% - 1em - .01px);
   }
 }
+.pull {
+  margin-right: auto;
+}
+.push {
+  margin-left: auto;
+}
 /* ----------------------------- */
 /* ==tables                      */
 /* ----------------------------- */

doc/03-grilles.md

@@ -84,14 +84,14 @@ Il vous est très facile de "pousser" un élément à droite ou à gauche de sa
 
 Pour cela, appliquez simplement l'une ou l'autre de ces déclarations sur l'élément :
 
-- la classe `.right` pour le pousser à droite sur sa ligne (applique un `margin-left: auto`)
-- la classe `.left` pour le pousser à gauche sur sa ligne (applique un `margin-right: auto`)
+- la classe `.push` pour le pousser à droite sur sa ligne (applique un `margin-left: auto`)
+- la classe `.pull` pour le pousser à gauche sur sa ligne (applique un `margin-right: auto`)
 
 HTML :
 ```html
 <div class="grid-4">
     <div>un div ou n'importe quoi d'autre</div>
-    <div class="right">je suis poussé à droite</div>
+    <div class="push">je suis poussé à droite</div>
     <div>un 3è div ou n'importe quoi d'autre</div>
     <div>etc.</div>
 </div>

less/_03-grids.less

@@ -170,3 +170,11 @@
 .@{kna-namespace}grid-1-4 {
   .uneven-grid(1,4);
 }
+
+.@{kna-namespace}pull {
+  margin-right: auto;
+}
+
+.@{kna-namespace}push {
+  margin-left: auto;
+}

sass/_03-grids.scss

@@ -188,3 +188,12 @@
 .#{$kna-namespace}grid-1-4 {
   @include uneven-grid(1,4);
 }
+
+.#{$kna-namespace}pull {
+  margin-right: auto;
+}
+
+.#{$kna-namespace}push {
+  margin-left: auto;
+}
+