specifiying multi level paths

I'm trying to compile scss files across a multi level folder structure.

But I doesn't work after trying many variations in the sass: options.

for example:

styles/external/*
styles/project/*
styles/project/widget1/*
styles/project/widget2/*

Where star indicates where the files are located.
:"You must compile individual stylesheets from the project directory."

var gulp = require('gulp'),
gutil = require('gulp-util'),
compass = require('gulp-compass');

var sasSources, htmlSources, outputDir;
// htmlSources = [outputDir + '_.html']
sassSources = ['app/styles/main.scss'];
// sassSources = ['app/sass/main.scss'];
sassStyle = 'compressed';
outputDir = 'deploy';
gulp.task('compass', function() {
gulp.src(sassSources)
.pipe(compass({
sass: 'app/styles/{,_/}_{,_/}',
// sass: 'app/sass',
style: sassStyle
}))
.pipe(gulp.dest(outputDir + 'css'))
.on('error', gutil.log)
// .pipe(connect.reload())
});
gulp.task('default', ['compass']);

Any ideas?

Start with the gulp task shown in the issue, especially the sassSources and compass sass options, and reproduce the default task with the listed multi-level styles directory. Check how the gulp-compass input path is interpreted and compare the result with the requested folder structure. Done means the SCSS files in the nested directories compile successfully into the configured deploy/css output.

Written by the indexing model from the issue text.