 
 gulp.task 'compile-css', ->
   gulp
+    .src('./src/sass/notifications.scss')
+    .pipe(sass({
+      outputStyle: 'expanded' #compact; :expanded;
+      includePaths: ['']
+      errLogToConsole: false
+      onError: (e) -> log e.message
+    }))
+    .pipe(rename(pluginCssName))
+    .pipe(gulp.dest(pluginBuildDir))
+
+gulp.task 'compile-dev-css', ->
+  gulp
     .src('./src/sass/styles.scss')
     .pipe(sass({
       outputStyle: 'nested' #compressed

pluginBuildDir = './dist'
pluginName = 'jquery.notifyr.js'
pluginNameMin = 'jquery.notifyr.min.js'
banner = "/*!\n
        #{pak.name} v#{pak.version} (#{pak.homepage})\n
        Copyright (c) #{new Date().getFullYear()} #{pak.author}\n

      'example'
      'assets'
      'dist' # for serving compiled plugin
      'node_modules' # for serving jquery & requirejs
    ]
    port: port
    livereload: true
