Underscore filename for components

gulpfile.js

@@ -27,7 +27,7 @@ gulp.task('css', function () {
 });
 
 gulp.task('grillade', function() {
-  return gulp.src('./sass/components/grillade.scss')
+  return gulp.src('./sass/components/_grillade.scss')
     .pipe(gulp.dest('./css/'))
     .pipe(sass())
     .pipe(autoprefixer({ grid: true }))
@@ -36,7 +36,7 @@ gulp.task('grillade', function() {
 });
 
 gulp.task('grillade-v6', function() {
-  return gulp.src('./sass/components/grillade-v6.scss')
+  return gulp.src('./sass/components/_grillade-v6.scss')
     .pipe(gulp.dest('./css/'))
     .pipe(sass())
     .pipe(autoprefixer())

sass/knacss.scss

@@ -50,21 +50,21 @@
 // @import "_library/_wordpress.scss"; // WordPress reset and basic styles
 
 // Components
-@import "components/media.scss"; // media object
-@import "components/autogrid.scss"; // media autogrid
-@import "components/skip-links.scss"; // skip links
-@import "components/tables.scss"; // data tables consistency
-@import "components/forms.scss"; // forms consistency and styles
-@import "components/buttons.scss"; // buttons styles
-@import "components/checkbox.scss"; // checkbox styles
-@import "components/radio.scss"; // radio styles
-@import "components/tabs.scss"; // tabs styles
-@import "components/arrows.scss"; // arrows styles
-@import "components/badges.scss"; // badges styles
-@import "components/alerts.scss"; // alerts styles
+@import "components/_media.scss"; // media object
+@import "components/_autogrid.scss"; // media autogrid
+@import "components/_skip-links.scss"; // skip links
+@import "components/_tables.scss"; // data tables consistency
+@import "components/_forms.scss"; // forms consistency and styles
+@import "components/_buttons.scss"; // buttons styles
+@import "components/_checkbox.scss"; // checkbox styles
+@import "components/_radio.scss"; // radio styles
+@import "components/_tabs.scss"; // tabs styles
+@import "components/_arrows.scss"; // arrows styles
+@import "components/_badges.scss"; // badges styles
+@import "components/_alerts.scss"; // alerts styles
 
-// New Grid System by default (Grid Layout). If you prefer old "Flexbox" Grid System, replace file with "components/grillade-v6.scss"
-@import "components/grillade.scss"; // grid system
+// New Grid System by default (Grid Layout). If you prefer old "Flexbox" Grid System, replace file with "components/_grillade-v6.scss"
+@import "components/_grillade.scss"; // grid system