helpers mobile-first

sass/_override-helpers.scss

@@ -116,40 +116,47 @@ ul.unstyled {
   width: 300px;
 }
 
-.#{$kna-namespace}w400p {
-  width: 400px;
+@include media('>=400px') {
+  .#{$kna-namespace}w400p {
+    width: 400px;
+  }
+
+  .#{$kna-namespace}w500p {
+    width: 500px;
+  }
+
+  .#{$kna-namespace}w600p {
+    width: 600px;
+  }
 }
 
-.#{$kna-namespace}w500p {
-  width: 500px;
+@include media('>=700px') {
+
+  .#{$kna-namespace}w700p {
+    width: 700px;
+  }
+
+  .#{$kna-namespace}w800p {
+    width: 800px;
+  }
 }
 
-.#{$kna-namespace}w600p {
-  width: 600px;
-}
+@include media('>=960px') {
+  .#{$kna-namespace}w960p {
+    width: 960px;
+  }
 
-.#{$kna-namespace}w700p {
-  width: 700px;
-}
+  .#{$kna-namespace}mw960p {
+    max-width: 960px;
+  }
 
-.#{$kna-namespace}w800p {
-  width: 800px;
-}
+  .#{$kna-namespace}w1140p {
+    width: 1140px;
+  }
 
-.#{$kna-namespace}w960p {
-  width: 960px;
-}
-
-.#{$kna-namespace}mw960p {
-  max-width: 960px;
-}
-
-.#{$kna-namespace}w1140p {
-  width: 1140px;
-}
-
-.#{$kna-namespace}mw1140p {
-  max-width: 1140px;
+  .#{$kna-namespace}mw1140p {
+    max-width: 1140px;
+  }
 }
 
 .#{$kna-namespace}wauto {

sass/_override-responsive.scss

@@ -153,16 +153,6 @@
 
 @include media('>=small-screen', '<medium-screen') {
 
-  /* quick reset in small resolution and less */
-  .#{$kna-namespace}w600p,
-  .#{$kna-namespace}w700p,
-  .#{$kna-namespace}w800p,
-  .#{$kna-namespace}w960p,
-  .#{$kna-namespace}mw960p {
-    width: auto;
-    float: none;
-  }
-
   /* layouts for small screens */
   .#{$kna-namespace}small-hidden {
     display: none !important;
@@ -260,13 +250,6 @@
     flex-direction: column;
   }
 
-  .#{$kna-namespace}w300p,
-  .#{$kna-namespace}w400p,
-  .#{$kna-namespace}w500p {
-    width: auto;
-    float: none;
-  }
-
   .#{$kna-namespace}row {
     display: block !important;
     width: 100% !important;

sass/knacss.scss

@@ -1,5 +1,5 @@
 /*!
-* www.KNACSS.com V5.0.0 (23 mai 2016) @author: Raphael Goetter, Alsacreations
+* www.KNACSS.com V5.0.1 (24 mai 2016) @author: Alsacreations, Raphael Goetter
 * Licence WTFPL http://www.wtfpl.net/
 */