périmètre de -small- modifié

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "KNACSS",
-  "version": "6.0.5",
+  "version": "6.0.6",
   "homepage": "http://www.knacss.com/",
   "authors": [
     "Raphaël GOETTER, Alsacreations"

changelog.md

@@ -1,3 +1,6 @@
+# changelog v6.0.6 (2 décembre 2016)
+- Grillade : redéfinition du périmètre de `-small` : passe de `(min-width: ($tiny + 1)) and (max-width: $small)` à `(min-width: ($tiny + 1)) and (max-width: $medium)` (de 544px à 767px par défaut)
+
 # changelog v6.0.5 (1er décembre 2016)
 - redéfinition des variables de breakpoints, à présent calées sur [celles de Bootstrap](https://v4-alpha.getbootstrap.com/layout/overview/#responsive-breakpoints)
 

css/grillade.scss

@@ -122,9 +122,9 @@ $iefix: 0.01px;
   }
 }
 /* Responsive Small Breakpoint */
-// -small-X suffix means "X columns on small screen"
-// example : .grid-4-small-2 will be 1 column (tiny and down) then 2 columns (until small) then 4 columns
-@media (min-width: ($tiny + 1)) and (max-width: $small) {
+// -small-X suffix means "X columns on small-medium screen"
+// example : .grid-4-small-2 will be 1 column (tiny and down) then 2 columns (until medium) then 4 columns
+@media (min-width: ($tiny + 1)) and (max-width: $medium) {
    @for $i from 1 through 4{
     [class*="-small-#{$i}"] {
       & > * {

css/knacss-unminified.css

@@ -1919,7 +1919,7 @@ ul.unstyled {
     width: calc(100% / 6 * 5 - 4rem - 0.01px); } }
 
 /* Responsive Small Breakpoint */
-@media (min-width: 544px) and (max-width: 767px) {
+@media (min-width: 544px) and (max-width: 991px) {
   [class*="-small-1"] > * {
     width: calc(100% / 1 - 0.01px); }
   [class*="-small-1"].has-gutter > * {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "knacss",
-  "version": "6.0.5",
+  "version": "6.0.6",
   "homepage": "http://www.knacss.com/",
   "bugs": "https://github.com/alsacreations/KNACSS/issues",
   "author": [

sass/grids/_grillade.scss

@@ -112,9 +112,9 @@ $iefix: 0.01px;
   }
 }
 /* Responsive Small Breakpoint */
-// -small-X suffix means "X columns on small screen"
-// example : .grid-4-small-2 will be 1 column (tiny and down) then 2 columns (until small) then 4 columns
-@media (min-width: ($tiny + 1)) and (max-width: $small) {
+// -small-X suffix means "X columns on small-medium screen"
+// example : .grid-4-small-2 will be 1 column (tiny and down) then 2 columns (until medium) then 4 columns
+@media (min-width: ($tiny + 1)) and (max-width: $medium) {
    @for $i from 1 through 4{
     [class*="-small-#{$i}"] {
       & > * {