using compass mixins in scss files compiled by gulp in Laravel Elixir <p>I want to use Compass mixins and Capabilities in scss files that should compiled with <strong>Gulp</strong> tasks in <strong>laravel Elixir</strong>.</p> <p>For example , I have two scss files named <code>my-styles.css</code> and <code>app.scss</code> in <code>resource/assets/sass</code> directory :</p> <p>This is <code>my-styles.scss</code> file :</p> <pre><code>@import "compass/css3"; body{ opacity: 1.0; animation: test; color: red; text-align: center; a:link{ background-color: red; text-decoration: none ; &amp;.span{ color: red; @include border-radius(5px); } } } </code></pre> <p>And this is <code>app.scss</code> file Content :</p> <pre><code>a{ transform: scale(1.1); transform: rotate(30deg) scale(10); } </code></pre> <p>And to compile this scss files and combine them to a file name <code>all.css</code> in <code>public/css</code> directory , I write this :</p> <pre><code>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'); }); </code></pre> <p>after running <code>gulp</code> command in console this messages are shown:</p> <pre><code>D:\wamp\www\newProject&gt;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 </code></pre> <p>But No file is created in <code>public</code> directory. </p> <p>what is Problem ?</p>