amélioration du fichier gulpfile.js

changelog.md

@@ -5,6 +5,7 @@
 - modularisation des fichiers et dossiers, classés par fonctions (config, vendor, library, objects, utility)
 - ajout des objects courants : media et autogrid
 - suppression des positionnements tabulaires. `.row`, `.col` et `.line` n'ont plus lieu d'être depuis Flexbox, peuvent entrer en conflit avec d'autres frameworks et ne font que parasiter KNACSS
+- amélioration du fichier Gulpfile.js
 
 # changelog v5.0.1 (24 mai 2016)
 - les helpers de largeurs deviennent mobile-first et ne s'activent que sur écran d'une certaine taille. Ex. `.w700p {width: 700px;}` devient `@include media('>640px') {.w700p {width: 700px;}}`. Ainsi il n'est plus nécessaire de les écraser dans la feuille de style responsive.

gulpfile.js

@@ -25,7 +25,7 @@ gulp.task('css', function () {
 });
 
 gulp.task('grillade', function() {
-  return gulp.src(['./sass/_config/_variables.scss', './sass/_config/_breakpoints.scss', './sass/grids/_grillade.scss'])
+  return gulp.src(['./sass/_config/_breakpoints.scss', './sass/grids/_grillade.scss'])
     .pipe(concat('grillade.scss'))
     .pipe(gulp.dest('./css/'))
     .pipe(sass())

sass/_config/_breakpoints.scss

@@ -1,5 +1,7 @@
+// Responsive breakpoints variables
+
 // Warning : you should use your own values, regardless of the devices
-// GOOD : (max-width: $BP) and (min-width: ($BP + 1))
+// Best practise : (max-width: $BP) and (min-width: ($BP + 1))
 $tiny: 544px !default; // or 'em' if you prefer, of course
 $small: 768px !default;
 $medium: 1024px !default;

sass/_config/_variables.scss

@@ -45,11 +45,5 @@ $extra-large-plus-value : 12rem !default; // extra large value for margins / pad
 $ultra-large-value      : 16rem !default; // ultra large value for margins / paddings
 $ultra-large-plus-value : 20rem !default; // ultra large value for margins / paddings
 
-// grids variables (choose unit you prefer)
-$grid-gutter:  2rem !default; // gutter value for grid layouts. Unit can be: %, px, em, rem
-$grid-number:  4 !default; // number of equal columns
-$grid-left:    2 !default; // left side of uneven columns
-$grid-right:   1 !default; // right side of uneven columns
-
 //kna-namespace (default : null)
 $kna-namespace: null !default;

sass/grids/_grillade.scss

@@ -3,9 +3,6 @@
 /* ---------------------------------- */
 /* Doc : http://grillade.knacss.com */
 
-// Breakpoints variables
-$tiny: 544px !default;
-$small: 768px !default;
 // Grids variables
 $grid-gutter: 1rem !default; // gutter value for grid layouts. Unit can be: %, px, em, rem
 $grid-gutter-l: $grid-gutter * 2;

sass/knacss.scss

@@ -1,5 +1,5 @@
 /*!
-* www.KNACSS.com V5.0.1 (24 mai 2016) @author: Alsacreations, Raphael Goetter
+* www.KNACSS.com V6.0.0 (21 septembre 2016) @author: Alsacreations, Raphael Goetter
 * Licence WTFPL http://www.wtfpl.net/
 */
 
@@ -12,13 +12,15 @@
 /* 3- Print (print quick reset) */
 /* 4- Stylings (minor stylings) */
 /* 5- Misc (skip links, hyphens) */
-/* (6- WordPress reset (disabled by default)) */
-/* 7- Global Layout (alignment, modules, positionning) */
-/* 8- Grid Layout (grillade) */
-/* 9- Tables (data tables consistency) */
-/* 10- Forms (forms consistency) */
+/* 6- Tables (data tables consistency) */
+/* 7- Forms (forms consistency) */
+/* 8- Media object */
+/* 9- Autogrid object */
+/* 10- Global Layout (alignment, modules, positionning) */
 /* 11- Helpers (width and spacers helpers) */
-/* 12- Responsive (Responsive Web Design helpers) */
+/* (12- WordPress reset (disabled by default)) */
+/* 13- Responsive (Responsive Web Design helpers) */
+/* 14- Grid Layout (grillade) */
 
 /* ---------------------------------- */
 /* ==Normalize (basic reset)          */
@@ -43,6 +45,7 @@
 
 // Objects
 @import "objects/_media.scss"; // media object
+@import "objects/_autogrid.scss"; // media object
 
 // Utilities
 @import "utilities/_layout.scss"; // alignment, modules, positionning