sass - using compass mixins in scss files compiled by gulp in Laravel Elixir -

i want use compass mixins , capabilities in scss files should compiled gulp tasks in laravel elixir.

for example , have 2 scss files named my-styles.css , app.scss in resource/assets/sass directory :

this my-styles.scss file :

@import "compass/css3"; body{       opacity: 1.0;       animation: test;       color: red;       text-align: center;       a:link{         background-color: red;         text-decoration: none ;         &.span{           color: red;           @include border-radius(5px);         }       }  }  

and app.scss file content :

a{   transform: scale(1.1);   transform: rotate(30deg) scale(10); } 

and compile scss files , combine them file name all.css in public/css directory , write :

var elixir  = require('laravel-elixir'); var gulp    = require('gulp'); var compass = require('gulp-compass'); var sass    = require('gulp-sass');  gulp.task('compile', function () {     return gulp         .src(['my-styles.scss', 'app.scss'])         .pipe(sass({compass: true, sourcemap: true, style: 'compressed'}))         .pipe(gulp.dest('public/css/all.css')); });  elixir.config.sourcemaps = false; elixir(function (mix) {     mix.task('compile'); }); 

after running gulp command in console messages shown:

d:\wamp\www\newproject>gulp [12:36:48] using gulpfile d:\wamp\www\newproject\gulpfile.js [12:36:48] starting 'default'... [12:36:48] starting 'task'... [12:36:48] starting 'compile'... [12:36:48] finished 'task' after 17 ms [12:36:48] finished 'default' after 21 ms [12:36:48] finished 'compile' after 26 ms 

but no file created in public directory.

what problem ?