Adjust sass process for import globbing (to limit multiple imports).

babyblotter/static_site/scss/_custom.scss

@@ -1 +0,0 @@
-$body-bg: $white;

babyblotter/static_site/scss/_global.scss

@@ -0,0 +1 @@
+/* Baby Blotter site-wide custom functions. */

babyblotter/static_site/scss/_mixins.scss

@@ -0,0 +1,3 @@
+@import "../../../node_modules/bootstrap/scss/mixins";
+
+/* Baby Blotter site-wide custom mixins. */

babyblotter/static_site/scss/babyblotter.scss

@@ -1,4 +1,7 @@
 @import "functions";
 @import "variables";
-@import "custom";
+@import "mixins";
+@import "global";
 @import "../../../node_modules/bootstrap/scss/bootstrap";
+
+@import "../../../**/static/scss/*.scss";

gulpfile.js

@@ -4,6 +4,7 @@ var concat = require('gulp-concat');
 var csso = require('gulp-csso');
 var pump = require('pump');
 var sass = require('gulp-sass');
+var sassGlob = require('gulp-sass-glob');
 var uglify = require('gulp-uglify');
 
 /* APP FILES */
@@ -21,10 +22,8 @@ gulp.task('app:scripts', function() {
 
 gulp.task('app:styles', function (cb) {
     pump([
-            gulp.src([
+            gulp.src('babyblotter/static_site/scss/babyblotter.scss'),
-                'babyblotter/static_site/scss/babyblotter.scss',
+            sassGlob(),
-                '*/static/scss/*.scss'
-            ]),
             sass().on('error', sass.logError),
             concat('app.css'),
             gulp.dest('babyblotter/static/babyblotter/css/')

package.json

@@ -9,6 +9,7 @@
     "gulp-concat": "^2.6.1",
     "gulp-csso": "^3.0.0",
     "gulp-sass": "^3.1.0",
+    "gulp-sass-glob": "^1.0.8",
     "gulp-uglify": "^3.0.0",
     "jquery": "^3.2.1",
     "moment": "^2.18.1",