Add Sass files

dist/vegas.css

@@ -16,7 +16,7 @@
 
 .vegas-overlay {
     opacity: .5;
-    background: transparent url(overlays/02.png) center center repeat;
+    background: transparent url("overlays/02.png") center center repeat;
 }
 
 .vegas-timer {
@@ -24,16 +24,18 @@
     bottom: 0;
     height: 2px;
 }
-    .vegas-timer-progress {
-        width: 0%;
-        height: 100%;
-        background: white;
-        -webkit-transition: width ease-out;
-                transition: width ease-out;
-    }
-        .vegas-timer-running .vegas-timer-progress {
-            width: 100%;
-        }
+
+.vegas-timer-progress {
+    width: 0%;
+    height: 100%;
+    background: white;
+    -webkit-transition: width ease-out;
+    transition: width ease-out;
+}
+
+.vegas-timer-running .vegas-timer-progress {
+    width: 100%;
+}
 
 .vegas-slide,
 .vegas-slide-inner {
@@ -48,11 +50,11 @@ body .vegas-container {
     overflow: hidden !important;
     position: relative;
 }
-    
+
 .vegas-video {
-    min-width: 100%; 
+    min-width: 100%;
     min-height: 100%;
-    width: auto; 
+    width: auto;
     height: auto;
 }
 
@@ -61,40 +63,24 @@ body.vegas-container {
     position: static;
     z-index: -2;
 }
-    body.vegas-container > .vegas-timer,
-    body.vegas-container > .vegas-overlay,
-    body.vegas-container > .vegas-slide {
-        position: fixed;
-        z-index: -1;
-    }
-
-    /* Target Safari IOS7+ in order to add 76px */
-    _::full-page-media, _:future, 
-    :root body.vegas-container > .vegas-slide,
-    :root body.vegas-container > .vegas-overlay {
-        bottom: -76px;
-    }
 
-/*************************
-    Transitions
- *************************/
-
-/* fade */
-.vegas-transition-fade,
-.vegas-transition-fade2 {
-    opacity: 0;
+body.vegas-container > .vegas-timer,
+body.vegas-container > .vegas-overlay,
+body.vegas-container > .vegas-slide {
+    position: fixed;
+    z-index: -1;
 }
 
-.vegas-transition-fade-in,
-.vegas-transition-fade2-in {
-    opacity: 1;
+/* Target Safari IOS7+ in order to add 76px */
+_::full-page-media, _:future,
+:root body.vegas-container > .vegas-slide,
+:root body.vegas-container > .vegas-overlay {
+    bottom: -76px;
 }
 
-.vegas-transition-fade2-out {
-    opacity: 0;
-}
-
-/* blur */
+/*******************************************/
+/* blur transition */
+/*******************************************/
 .vegas-transition-blur,
 .vegas-transition-blur2 {
     opacity: 0;
@@ -113,7 +99,49 @@ body.vegas-container {
     opacity: 0;
 }
 
-/* flash */
+/*******************************************/
+/* burn transition */
+/*******************************************/
+.vegas-transition-burn,
+.vegas-transition-burn2 {
+    opacity: 0;
+    -webkit-filter: contrast(1000%) saturate(1000%);
+            filter: contrast(1000%) saturate(1000%);
+}
+
+.vegas-transition-burn-in,
+.vegas-transition-burn2-in {
+    opacity: 1;
+    -webkit-filter: contrast(100%) saturate(100%);
+            filter: contrast(100%) saturate(100%);
+}
+
+.vegas-transition-burn2-out {
+    opacity: 0;
+    -webkit-filter: contrast(1000%) saturate(1000%);
+            filter: contrast(1000%) saturate(1000%);
+}
+
+/*******************************************/
+/* fade transition */
+/*******************************************/
+.vegas-transition-fade,
+.vegas-transition-fade2 {
+    opacity: 0;
+}
+
+.vegas-transition-fade-in,
+.vegas-transition-fade2-in {
+    opacity: 1;
+}
+
+.vegas-transition-fade2-out {
+    opacity: 0;
+}
+
+/*******************************************/
+/* flash transition */
+/*******************************************/
 .vegas-transition-flash,
 .vegas-transition-flash2 {
     opacity: 0;
@@ -134,7 +162,9 @@ body.vegas-container {
             filter: brightness(25);
 }
 
-/* negative */
+/*******************************************/
+/* negative transition */
+/*******************************************/
 .vegas-transition-negative,
 .vegas-transition-negative2 {
     opacity: 0;
@@ -155,28 +185,29 @@ body.vegas-container {
             filter: invert(100%);
 }
 
-/* burn */
-.vegas-transition-burn,
-.vegas-transition-burn2 {
-    opacity: 0;
-    -webkit-filter: contrast(1000%) saturate(1000%);
-            filter: contrast(1000%) saturate(1000%);
+/*******************************************/
+/* slideDown transition */
+/*******************************************/
+.vegas-transition-slideDown,
+.vegas-transition-slideDown2 {
+    -webkit-transform: translateY(-100%);
+            transform: translateY(-100%);
 }
 
-.vegas-transition-burn-in,
-.vegas-transition-burn2-in {
-    opacity: 1;
-    -webkit-filter: contrast(100%) saturate(100%);
-            filter: contrast(100%) saturate(100%);
+.vegas-transition-slideDown-in,
+.vegas-transition-slideDown2-in {
+    -webkit-transform: translateY(0%);
+            transform: translateY(0%);
 }
 
-.vegas-transition-burn2-out {
-    opacity: 0;
-    -webkit-filter: contrast(1000%) saturate(1000%);
-            filter: contrast(1000%) saturate(1000%);
+.vegas-transition-slideDown2-out {
+    -webkit-transform: translateY(100%);
+            transform: translateY(100%);
 }
 
-/* slideLeft */
+/*******************************************/
+/* slideLeft transition */
+/*******************************************/
 .vegas-transition-slideLeft,
 .vegas-transition-slideLeft2 {
     -webkit-transform: translateX(100%);
@@ -186,7 +217,7 @@ body.vegas-container {
 .vegas-transition-slideLeft-in,
 .vegas-transition-slideLeft2-in {
     -webkit-transform: translateX(0%);
-            transform: translateX(0%); 
+            transform: translateX(0%);
 }
 
 .vegas-transition-slideLeft2-out {
@@ -194,7 +225,9 @@ body.vegas-container {
             transform: translateX(-100%);
 }
 
-/* slideRight */
+/*******************************************/
+/* slideRight transition */
+/*******************************************/
 .vegas-transition-slideRight,
 .vegas-transition-slideRight2 {
     -webkit-transform: translateX(-100%);
@@ -204,7 +237,7 @@ body.vegas-container {
 .vegas-transition-slideRight-in,
 .vegas-transition-slideRight2-in {
     -webkit-transform: translateX(0%);
-            transform: translateX(0%); 
+            transform: translateX(0%);
 }
 
 .vegas-transition-slideRight2-out {
@@ -212,7 +245,9 @@ body.vegas-container {
             transform: translateX(100%);
 }
 
-/* slideUp */
+/*******************************************/
+/* slideUp transition */
+/*******************************************/
 .vegas-transition-slideUp,
 .vegas-transition-slideUp2 {
     -webkit-transform: translateY(100%);
@@ -222,7 +257,7 @@ body.vegas-container {
 .vegas-transition-slideUp-in,
 .vegas-transition-slideUp2-in {
     -webkit-transform: translateY(0%);
-            transform: translateY(0%); 
+            transform: translateY(0%);
 }
 
 .vegas-transition-slideUp2-out {
@@ -230,25 +265,55 @@ body.vegas-container {
             transform: translateY(-100%);
 }
 
-/* slideDown */
-.vegas-transition-slideDown,
-.vegas-transition-slideDown2 {
-    -webkit-transform: translateY(-100%);
-            transform: translateY(-100%);
+/*******************************************/
+/* swirlLeft transition */
+/*******************************************/
+.vegas-transition-swirlLeft,
+.vegas-transition-swirlLeft2 {
+    -webkit-transform: scale(2) rotate(35deg);
+            transform: scale(2) rotate(35deg);
+    opacity: 0;
 }
 
-.vegas-transition-slideDown-in,
-.vegas-transition-slideDown2-in {
-    -webkit-transform: translateY(0%);
-            transform: translateY(0%); 
+.vegas-transition-swirlLeft-in,
+.vegas-transition-swirlLeft2-in {
+    -webkit-transform: scale(1) rotate(0deg);
+            transform: scale(1) rotate(0deg);
+    opacity: 1;
 }
 
-.vegas-transition-slideDown2-out {
-    -webkit-transform: translateY(100%);
-            transform: translateY(100%);
+.vegas-transition-swirlLeft2-out {
+    -webkit-transform: scale(2) rotate(-35deg);
+            transform: scale(2) rotate(-35deg);
+    opacity: 0;
+}
+
+/*******************************************/
+/* swirlRight transition */
+/*******************************************/
+.vegas-transition-swirlRight,
+.vegas-transition-swirlRight2 {
+    -webkit-transform: scale(2) rotate(-35deg);
+            transform: scale(2) rotate(-35deg);
+    opacity: 0;
+}
+
+.vegas-transition-swirlRight-in,
+.vegas-transition-swirlRight2-in {
+    -webkit-transform: scale(1) rotate(0deg);
+            transform: scale(1) rotate(0deg);
+    opacity: 1;
 }
 
-/* zoomIn */
+.vegas-transition-swirlRight2-out {
+    -webkit-transform: scale(2) rotate(35deg);
+            transform: scale(2) rotate(35deg);
+    opacity: 0;
+}
+
+/*******************************************/
+/* zoomIn transition */
+/*******************************************/
 .vegas-transition-zoomIn,
 .vegas-transition-zoomIn2 {
     -webkit-transform: scale(0);
@@ -269,7 +334,9 @@ body.vegas-container {
     opacity: 0;
 }
 
-/* zoomOut */
+/*******************************************/
+/* zoomOut transition */
+/*******************************************/
 .vegas-transition-zoomOut,
 .vegas-transition-zoomOut2 {
     -webkit-transform: scale(2);
@@ -290,56 +357,14 @@ body.vegas-container {
     opacity: 0;
 }
 
-/* swirlLeft */
-.vegas-transition-swirlLeft,
-.vegas-transition-swirlLeft2 {
-    -webkit-transform: scale(2) rotate(35deg);
-            transform: scale(2) rotate(35deg);
-    opacity: 0;
-}
-
-.vegas-transition-swirlLeft-in,
-.vegas-transition-swirlLeft2-in {
-    -webkit-transform: scale(1) rotate(0deg);
-            transform: scale(1) rotate(0deg); 
-    opacity: 1;
-}
-
-.vegas-transition-swirlLeft2-out {
-    -webkit-transform: scale(2) rotate(-35deg);
-            transform: scale(2) rotate(-35deg);
-    opacity: 0;
-}
-
-/* swirlRight */
-.vegas-transition-swirlRight,
-.vegas-transition-swirlRight2 {
-    -webkit-transform: scale(2) rotate(-35deg);
-            transform: scale(2) rotate(-35deg);
-    opacity: 0;
-}
-
-.vegas-transition-swirlRight-in,
-.vegas-transition-swirlRight2-in {
-    -webkit-transform: scale(1) rotate(0deg);
-            transform: scale(1) rotate(0deg);
-    opacity: 1;
-}
-
-.vegas-transition-swirlRight2-out {
-    -webkit-transform: scale(2) rotate(35deg);
-            transform: scale(2) rotate(35deg);
-    opacity: 0;
-}
-
-/*************************
-    Animations
- *************************/
-
+/*******************************************/
+/* kenburns animation */
+/*******************************************/
 .vegas-animation-kenburns {
     -webkit-animation: kenburns ease-out;
             animation: kenburns ease-out;
 }
+
 @-webkit-keyframes kenburns {
     0% {
         -webkit-transform: scale(1.5);
@@ -350,6 +375,7 @@ body.vegas-container {
                 transform: scale(1);
     }
 }
+
 @keyframes kenburns {
     0% {
         -webkit-transform: scale(1.5);
@@ -361,24 +387,48 @@ body.vegas-container {
     }
 }
 
-.vegas-animation-kenburnsUp {
-    -webkit-animation: kenburnsUp ease-out;
-            animation: kenburnsUp ease-out;
+/*******************************************/
+/* kenburnsDownLeft animation */
+/*******************************************/
+.vegas-animation-kenburnsDownLeft {
+    -webkit-animation: kenburnsDownLeft ease-out;
+            animation: kenburnsDownLeft ease-out;
 }
-@-webkit-keyframes kenburnsUp {
+
+@-webkit-keyframes kenburnsDownLeft {
     0% {
-        -webkit-transform: scale(1.5) translate(0, 10%);
-                transform: scale(1.5) translate(0, 10%);
+        -webkit-transform: scale(1.5) translate(10%, -10%);
+                transform: scale(1.5) translate(10%, -10%);
     }
     100% {
         -webkit-transform: scale(1) translate(0, 0);
                 transform: scale(1) translate(0, 0);
     }
 }
-@keyframes kenburnsUp {
+
+@keyframes kenburnsDownLeft {
     0% {
-        -webkit-transform: scale(1.5) translate(0, 10%);
-                transform: scale(1.5) translate(0, 10%);
+        -webkit-transform: scale(1.5) translate(10%, -10%);
+                transform: scale(1.5) translate(10%, -10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsDownRight animation */
+/*******************************************/
+.vegas-animation-kenburnsDownRight {
+    -webkit-animation: kenburnsDownRight ease-out;
+            animation: kenburnsDownRight ease-out;
+}
+
+@-webkit-keyframes kenburnsDownRight {
+    0% {
+        -webkit-transform: scale(1.5) translate(-10%, -10%);
+                transform: scale(1.5) translate(-10%, -10%);
     }
     100% {
         -webkit-transform: scale(1) translate(0, 0);
@@ -386,10 +436,25 @@ body.vegas-container {
     }
 }
 
+@keyframes kenburnsDownRight {
+    0% {
+        -webkit-transform: scale(1.5) translate(-10%, -10%);
+                transform: scale(1.5) translate(-10%, -10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsDown animation */
+/*******************************************/
 .vegas-animation-kenburnsDown {
     -webkit-animation: kenburnsDown ease-out;
             animation: kenburnsDown ease-out;
 }
+
 @-webkit-keyframes kenburnsDown {
     0% {
         -webkit-transform: scale(1.5) translate(0, -10%);
@@ -400,6 +465,7 @@ body.vegas-container {
                 transform: scale(1) translate(0, 0);
     }
 }
+
 @keyframes kenburnsDown {
     0% {
         -webkit-transform: scale(1.5) translate(0, -10%);
@@ -411,10 +477,14 @@ body.vegas-container {
     }
 }
 
+/*******************************************/
+/* kenburnsLeft animation */
+/*******************************************/
 .vegas-animation-kenburnsLeft {
     -webkit-animation: kenburnsLeft ease-out;
             animation: kenburnsLeft ease-out;
 }
+
 @-webkit-keyframes kenburnsLeft {
     0% {
         -webkit-transform: scale(1.5) translate(10%, 0);
@@ -425,6 +495,7 @@ body.vegas-container {
                 transform: scale(1) translate(0, 0);
     }
 }
+
 @keyframes kenburnsLeft {
     0% {
         -webkit-transform: scale(1.5) translate(10%, 0);
@@ -436,10 +507,14 @@ body.vegas-container {
     }
 }
 
+/*******************************************/
+/* kenburnsRight animation */
+/*******************************************/
 .vegas-animation-kenburnsRight {
     -webkit-animation: kenburnsRight ease-out;
             animation: kenburnsRight ease-out;
 }
+
 @-webkit-keyframes kenburnsRight {
     0% {
         -webkit-transform: scale(1.5) translate(-10%, 0);
@@ -450,6 +525,7 @@ body.vegas-container {
                 transform: scale(1) translate(0, 0);
     }
 }
+
 @keyframes kenburnsRight {
     0% {
         -webkit-transform: scale(1.5) translate(-10%, 0);
@@ -461,10 +537,14 @@ body.vegas-container {
     }
 }
 
+/*******************************************/
+/* kenburnsUpLeft animation */
+/*******************************************/
 .vegas-animation-kenburnsUpLeft {
     -webkit-animation: kenburnsUpLeft ease-out;
             animation: kenburnsUpLeft ease-out;
 }
+
 @-webkit-keyframes kenburnsUpLeft {
     0% {
         -webkit-transform: scale(1.5) translate(10%, 10%);
@@ -475,6 +555,7 @@ body.vegas-container {
                 transform: scale(1) translate(0, 0);
     }
 }
+
 @keyframes kenburnsUpLeft {
     0% {
         -webkit-transform: scale(1.5) translate(10%, 10%);
@@ -486,10 +567,14 @@ body.vegas-container {
     }
 }
 
+/*******************************************/
+/* kenburnsUpRight animation */
+/*******************************************/
 .vegas-animation-kenburnsUpRight {
     -webkit-animation: kenburnsUpRight ease-out;
             animation: kenburnsUpRight ease-out;
 }
+
 @-webkit-keyframes kenburnsUpRight {
     0% {
         -webkit-transform: scale(1.5) translate(-10%, 10%);
@@ -500,6 +585,7 @@ body.vegas-container {
                 transform: scale(1) translate(0, 0);
     }
 }
+
 @keyframes kenburnsUpRight {
     0% {
         -webkit-transform: scale(1.5) translate(-10%, 10%);
@@ -511,49 +597,29 @@ body.vegas-container {
     }
 }
 
-.vegas-animation-kenburnsDownLeft {
-    -webkit-animation: kenburnsDownLeft ease-out;
-            animation: kenburnsDownLeft ease-out;
-}
-@-webkit-keyframes kenburnsDownLeft {
-    0% {
-        -webkit-transform: scale(1.5) translate(10%, -10%);
-                transform: scale(1.5) translate(10%, -10%);
-    }
-    100% {
-        -webkit-transform: scale(1) translate(0, 0);
-                transform: scale(1) translate(0, 0);
-    }
-}
-@keyframes kenburnsDownLeft {
-    0% {
-        -webkit-transform: scale(1.5) translate(10%, -10%);
-                transform: scale(1.5) translate(10%, -10%);
-    }
-    100% {
-        -webkit-transform: scale(1) translate(0, 0);
-                transform: scale(1) translate(0, 0);
-    }
+/*******************************************/
+/* kenburnsUp animation */
+/*******************************************/
+.vegas-animation-kenburnsUp {
+    -webkit-animation: kenburnsUp ease-out;
+            animation: kenburnsUp ease-out;
 }
 
-.vegas-animation-kenburnsDownRight {
-    -webkit-animation: kenburnsDownRight ease-out;
-            animation: kenburnsDownRight ease-out;
-}
-@-webkit-keyframes kenburnsDownRight {
+@-webkit-keyframes kenburnsUp {
     0% {
-        -webkit-transform: scale(1.5) translate(-10%, -10%);
-                transform: scale(1.5) translate(-10%, -10%);
+        -webkit-transform: scale(1.5) translate(0, 10%);
+                transform: scale(1.5) translate(0, 10%);
     }
     100% {
         -webkit-transform: scale(1) translate(0, 0);
                 transform: scale(1) translate(0, 0);
     }
 }
-@keyframes kenburnsDownRight {
+
+@keyframes kenburnsUp {
     0% {
-        -webkit-transform: scale(1.5) translate(-10%, -10%);
-                transform: scale(1.5) translate(-10%, -10%);
+        -webkit-transform: scale(1.5) translate(0, 10%);
+                transform: scale(1.5) translate(0, 10%);
     }
     100% {
         -webkit-transform: scale(1) translate(0, 0);

dist/vegas.js

@@ -1,6 +1,6 @@
 /*!-----------------------------------------------------------------------------
  * Vegas - Fullscreen Backgrounds and Slideshows.
- * v2.2.1 - built 2016-05-04
+ * v2.2.1 - built 2016-06-13
  * Licensed under the MIT License.
  * http://vegas.jaysalvat.com/
  * ----------------------------------------------------------------------------

dist/vegas.min.js

@@ -1,6 +1,6 @@
 /*!-----------------------------------------------------------------------------
  * Vegas - Fullscreen Backgrounds and Slideshows.
- * v2.2.1 - built 2016-05-04
+ * v2.2.1 - built 2016-06-13
  * Licensed under the MIT License.
  * http://vegas.jaysalvat.com/
  * ----------------------------------------------------------------------------

gulpfile.js

@@ -4,7 +4,7 @@
 
 (function () {
     'use strict';
- 
+
     var pkg       = require('./package.json'),
         del       = require('del'),
         yargs     = require('yargs'),
@@ -12,17 +12,8 @@
         fs        = require('fs'),
         spawn     = require('child_process').spawn,
         gulp      = require('gulp'),
-        bump      = require('gulp-bump'),
-        header    = require('gulp-header'),
-        cssmin    = require('gulp-cssmin'),
-        prefixer  = require('gulp-autoprefixer'),
-        uglify    = require('gulp-uglify'),
-        sourcemap = require('gulp-sourcemaps'),
-        jshint    = require('gulp-jshint'),
+        plugins   = require('gulp-load-plugins')(),
         gutil     = require('gulp-util'),
-        zip       = require('gulp-zip'),
-        rename    = require('gulp-rename'),
-        replace   = require('gulp-replace'),
         gsync     = require('gulp-sync'),
         sync      = gsync(gulp).sync;
 
@@ -76,7 +67,7 @@
         var filename = settings.name + '.zip';
 
         return gulp.src('./dist/**/*')
-            .pipe(zip(filename))
+            .pipe(plugins.zip(filename))
             .pipe(gulp.dest('./tmp'));
     });
 
@@ -163,9 +154,9 @@
 
     gulp.task('bump', function () {
         return gulp.src([ 'package.json', 'bower.json', 'component.json' ])
-            .pipe(bump(
-                /^[a-z]+$/.test(bumpVersion) 
-                    ? { type: bumpVersion } 
+            .pipe(plugins.bump(
+                /^[a-z]+$/.test(bumpVersion)
+                    ? { type: bumpVersion }
                     : { version: bumpVersion }
             ))
             .pipe(gulp.dest('.'));
@@ -173,55 +164,62 @@
 
     gulp.task('year', function () {
         return gulp.src([ './LICENSE.md', './README.md' ])
-            .pipe(replace(/(Copyright )(\d{4})/g, '$1' + gutil.date('yyyy')))
+            .pipe(plugins.replace(/(Copyright )(\d{4})/g, '$1' + gutil.date('yyyy')))
             .pipe(gulp.dest('.'));
     });
 
     gulp.task('lint', function() {
         return gulp.src('./src/**.js')
-            .pipe(jshint())
-            .pipe(jshint.reporter('default'));
+            .pipe(plugins.jshint())
+            .pipe(plugins.jshint.reporter('default'));
     });
 
     gulp.task('copy', function () {
-        return gulp.src('./src/**/*')
-            .pipe(gulp.dest('./dist'));
-    });
-
-    gulp.task('autoprefixer', function () {
-        return gulp.src('./dist/**/*.css')
-            .pipe(prefixer())
+        return gulp.src([ './src/**/*', '!./src/sass', '!./src/sass/**' ])
             .pipe(gulp.dest('./dist'));
     });
 
     gulp.task('uglify', function () {
         return gulp.src('./dist/**/!(*.min.js).js')
-            .pipe(rename({ suffix: '.min' }))
-            .pipe(sourcemap.init())
-            .pipe(uglify({
+            .pipe(plugins.rename({ suffix: '.min' }))
+            .pipe(plugins.sourcemaps.init())
+            .pipe(plugins.uglify({
                 compress: {
                     warnings: false
                 },
                 mangle: true,
                 outSourceMap: true
             }))
-            .pipe(sourcemap.write('.'))
+            .pipe(plugins.sourcemaps.write('.'))
             .pipe(gulp.dest('./dist/'));
     });
 
     gulp.task('cssmin', function () {
         return gulp.src('./dist/**/!(*.min.css).css')
-            .pipe(prefixer())
-            .pipe(rename({ suffix: '.min' }))
-            .pipe(cssmin())
+            .pipe(plugins.sourcemaps.init())
+            .pipe(plugins.rename({ suffix: '.min' }))
+            .pipe(plugins.cssmin())
+            .pipe(plugins.sourcemaps.write('.'))
             .pipe(gulp.dest('./dist/'));
     });
 
+    gulp.task('sass', function () {
+        return gulp.src("./src/sass/vegas.sass")
+            // .pipe(plugins.sourcemaps.init())
+            .pipe(plugins.sass({
+                outputStyle: 'expanded',
+                indentWidth: 4
+            }).on('error', plugins.sass.logError))
+            .pipe(plugins.autoprefixer())
+           // .pipe(plugins.sourcemaps.write('.'))
+            .pipe(gulp.dest("./dist/"));
+    });
+
     gulp.task('header', function () {
         settings.banner.vars.pkg = getPackageJson();
 
         return gulp.src('./dist/*.js')
-            .pipe(header(settings.banner.content, settings.banner.vars ))
+            .pipe(plugins.header(settings.banner.content, settings.banner.vars ))
             .pipe(gulp.dest('./dist/'));
     });
 
@@ -293,13 +291,13 @@
 
     gulp.task('build', sync([
         'lint',
-        'clean', 
-        'copy', 
-        'autoprefixer',
-        'uglify',
+        'clean',
+        'copy',
+        'sass',
         'cssmin',
+        'uglify',
         'header'
-    ], 
+    ],
     'building'));
 
     gulp.task('release', sync([
@@ -310,7 +308,7 @@
         'year',
         'clean',
         'copy',
-        'autoprefixer',
+        'sass',
         'uglify',
         'cssmin',
         'header',
@@ -320,7 +318,7 @@
         'git-push',
         'publish',
         'npm-publish'
-    ], 
+    ],
     'releasing'));
 
     gulp.task('publish', sync([
@@ -331,7 +329,7 @@
         'zip',
         'gh-pages',
         'tmp-clean'
-    ], 
+    ],
     'publising'));
 })();
 
@@ -343,8 +341,10 @@ NPM Installation
 npm install --save-dev del
 npm install --save-dev yargs
 npm install --save-dev exec
-npm install --save-dev fs
+npm install --save-dev jshint
 npm install --save-dev gulp
+npm install --save-dev gulp-sass
+npm install --save-dev gulp-load-plugins
 npm install --save-dev gulp-bump
 npm install --save-dev gulp-header
 npm install --save-dev gulp-cssmin

src/sass/animations/kenburns-down-left.sass

@@ -0,0 +1,12 @@
+/*******************************************/
+/* kenburnsDownLeft animation
+/*******************************************/
+
+.vegas-animation-kenburnsDownLeft
+    animation: kenburnsDownLeft ease-out
+
+@keyframes kenburnsDownLeft
+    0%
+        transform: scale($vegas-kenburns-scale) translate($vegas-kenburns-translate, -$vegas-kenburns-translate)
+    100%
+        transform: scale(1) translate(0, 0)

src/sass/animations/kenburns-down-right.sass

@@ -0,0 +1,12 @@
+/*******************************************/
+/* kenburnsDownRight animation
+/*******************************************/
+
+.vegas-animation-kenburnsDownRight
+    animation: kenburnsDownRight ease-out
+
+@keyframes kenburnsDownRight
+    0%
+        transform: scale($vegas-kenburns-scale) translate(-$vegas-kenburns-translate, -$vegas-kenburns-translate)
+    100%
+        transform: scale(1) translate(0, 0)

src/sass/animations/kenburns-down.sass

@@ -0,0 +1,12 @@
+/*******************************************/
+/* kenburnsDown animation
+/*******************************************/
+
+.vegas-animation-kenburnsDown
+    animation: kenburnsDown ease-out
+
+@keyframes kenburnsDown
+    0%
+        transform: scale($vegas-kenburns-scale) translate(0, -$vegas-kenburns-translate)
+    100%
+        transform: scale(1) translate(0, 0)

src/sass/animations/kenburns-left.sass

@@ -0,0 +1,12 @@
+/*******************************************/
+/* kenburnsLeft animation
+/*******************************************/
+
+.vegas-animation-kenburnsLeft
+    animation: kenburnsLeft ease-out
+
+@keyframes kenburnsLeft
+    0%
+        transform: scale($vegas-kenburns-scale) translate($vegas-kenburns-translate, 0)
+    100%
+        transform: scale(1) translate(0, 0)

src/sass/animations/kenburns-right.sass

@@ -0,0 +1,12 @@
+/*******************************************/
+/* kenburnsRight animation
+/*******************************************/
+
+.vegas-animation-kenburnsRight
+    animation: kenburnsRight ease-out
+
+@keyframes kenburnsRight
+    0%
+        transform: scale($vegas-kenburns-scale) translate(-$vegas-kenburns-translate, 0)
+    100%
+        transform: scale(1) translate(0, 0)

src/sass/animations/kenburns-up-left.sass

@@ -0,0 +1,12 @@
+/*******************************************/
+/* kenburnsUpLeft animation
+/*******************************************/
+
+.vegas-animation-kenburnsUpLeft
+    animation: kenburnsUpLeft ease-out
+
+@keyframes kenburnsUpLeft
+    0%
+        transform: scale($vegas-kenburns-scale) translate($vegas-kenburns-translate, $vegas-kenburns-translate)
+    100%
+        transform: scale(1) translate(0, 0)

src/sass/animations/kenburns-up-right.sass

@@ -0,0 +1,12 @@
+/*******************************************/
+/* kenburnsUpRight animation
+/*******************************************/
+
+.vegas-animation-kenburnsUpRight
+    animation: kenburnsUpRight ease-out
+
+@keyframes kenburnsUpRight
+    0%
+        transform: scale($vegas-kenburns-scale) translate(-$vegas-kenburns-translate, $vegas-kenburns-translate)
+    100%
+        transform: scale(1) translate(0, 0)

src/sass/animations/kenburns-up.sass

@@ -0,0 +1,12 @@
+/*******************************************/
+/* kenburnsUp animation
+/*******************************************/
+
+.vegas-animation-kenburnsUp
+    animation: kenburnsUp ease-out
+
+@keyframes kenburnsUp
+    0%
+        transform: scale($vegas-kenburns-scale) translate(0, $vegas-kenburns-translate)
+    100%
+        transform: scale(1) translate(0, 0)

src/sass/animations/kenburns.sass

@@ -0,0 +1,12 @@
+/*******************************************/
+/* kenburns animation
+/*******************************************/
+
+.vegas-animation-kenburns
+    animation: kenburns ease-out
+
+@keyframes kenburns
+    0%
+        transform: scale($vegas-kenburns-scale)
+    100%
+        transform: scale(1)

src/sass/main/vegas.sass

@@ -0,0 +1,66 @@
+.vegas-wrapper,
+.vegas-overlay,
+.vegas-timer,
+.vegas-slide,
+.vegas-slide-inner
+    position: absolute
+    top: 0
+    left: 0
+    bottom: 0
+    right: 0
+    overflow: hidden
+    border: none
+    padding: 0
+    margin: 0
+
+.vegas-overlay
+    opacity: .5
+    background: transparent url('overlays/02.png') center center repeat
+
+.vegas-timer
+    top: auto
+    bottom: 0
+    height: 2px
+
+.vegas-timer-progress
+    width: 0%
+    height: 100%
+    background: $vegas-timer-color
+    transition: width ease-out
+
+.vegas-timer-running .vegas-timer-progress
+    width: 100%
+
+.vegas-slide,
+.vegas-slide-inner
+    margin: 0
+    padding: 0
+    background: transparent center center no-repeat
+    transform: translateZ(0)
+
+body .vegas-container
+    overflow: hidden !important
+    position: relative
+
+.vegas-video
+    min-width: 100%
+    min-height: 100%
+    width: auto
+    height: auto
+
+body.vegas-container
+    overflow: auto
+    position: static
+    z-index: -2
+
+body.vegas-container > .vegas-timer,
+body.vegas-container > .vegas-overlay,
+body.vegas-container > .vegas-slide
+    position: fixed
+    z-index: -1
+
+/* Target Safari IOS7+ in order to add 76px */
+_::full-page-media, _:future,
+:root body.vegas-container > .vegas-slide,
+:root body.vegas-container > .vegas-overlay
+    bottom: -76px

src/sass/transitions/blur.sass

@@ -0,0 +1,16 @@
+/*******************************************/
+/* blur transition
+/*******************************************/
+
+.vegas-transition-blur,
+.vegas-transition-blur2
+    opacity: 0
+    filter: blur($vegas-blur-value)
+
+.vegas-transition-blur-in,
+.vegas-transition-blur2-in
+    opacity: 1
+    filter: blur(0px)
+
+.vegas-transition-blur2-out
+    opacity: 0

src/sass/transitions/burn.sass

@@ -0,0 +1,17 @@
+/*******************************************/
+/* burn transition
+/*******************************************/
+
+.vegas-transition-burn,
+.vegas-transition-burn2
+    opacity: 0
+    filter: contrast(1000%) saturate(1000%)
+
+.vegas-transition-burn-in,
+.vegas-transition-burn2-in
+    opacity: 1
+    filter: contrast(100%) saturate(100%)
+
+.vegas-transition-burn2-out
+    opacity: 0
+    filter: contrast(1000%) saturate(1000%)

src/sass/transitions/fade.sass

@@ -0,0 +1,14 @@
+/*******************************************/
+/* fade transition
+/*******************************************/
+
+.vegas-transition-fade,
+.vegas-transition-fade2
+    opacity: 0
+
+.vegas-transition-fade-in,
+.vegas-transition-fade2-in
+    opacity: 1
+
+.vegas-transition-fade2-out
+    opacity: 0

src/sass/transitions/flash.sass

@@ -0,0 +1,17 @@
+/*******************************************/
+/* flash transition
+/*******************************************/
+
+.vegas-transition-flash,
+.vegas-transition-flash2
+    opacity: 0
+    filter: brightness(25)
+
+.vegas-transition-flash-in,
+.vegas-transition-flash2-in
+    opacity: 1
+    filter: brightness(1)
+
+.vegas-transition-flash2-out
+    opacity: 0
+    filter: brightness(25)

src/sass/transitions/negative.sass

@@ -0,0 +1,17 @@
+/*******************************************/
+/* negative transition
+/*******************************************/
+
+.vegas-transition-negative,
+.vegas-transition-negative2
+    opacity: 0
+    filter: invert(100%)
+
+.vegas-transition-negative-in,
+.vegas-transition-negative2-in
+    opacity: 1
+    filter: invert(0)
+
+.vegas-transition-negative2-out
+    opacity: 0
+    filter: invert(100%)

src/sass/transitions/slide-down.sass

@@ -0,0 +1,14 @@
+/*******************************************/
+/* slideDown transition
+/*******************************************/
+
+.vegas-transition-slideDown,
+.vegas-transition-slideDown2
+    transform: translateY(-100%)
+
+.vegas-transition-slideDown-in,
+.vegas-transition-slideDown2-in
+    transform: translateY(0%)
+
+.vegas-transition-slideDown2-out
+    transform: translateY(100%)

src/sass/transitions/slide-left.sass

@@ -0,0 +1,14 @@
+/*******************************************/
+/* slideLeft transition
+/*******************************************/
+
+.vegas-transition-slideLeft,
+.vegas-transition-slideLeft2
+    transform: translateX(100%)
+
+.vegas-transition-slideLeft-in,
+.vegas-transition-slideLeft2-in
+    transform: translateX(0%)
+
+.vegas-transition-slideLeft2-out
+    transform: translateX(-100%)

src/sass/transitions/slide-right.sass

@@ -0,0 +1,14 @@
+/*******************************************/
+/* slideRight transition
+/*******************************************/
+
+.vegas-transition-slideRight,
+.vegas-transition-slideRight2
+    transform: translateX(-100%)
+
+.vegas-transition-slideRight-in,
+.vegas-transition-slideRight2-in
+    transform: translateX(0%)
+
+.vegas-transition-slideRight2-out
+    transform: translateX(100%)

src/sass/transitions/slide-up.sass

@@ -0,0 +1,14 @@
+/*******************************************/
+/* slideUp transition
+/*******************************************/
+
+.vegas-transition-slideUp,
+.vegas-transition-slideUp2
+    transform: translateY(100%)
+
+.vegas-transition-slideUp-in,
+.vegas-transition-slideUp2-in
+    transform: translateY(0%)
+
+.vegas-transition-slideUp2-out
+    transform: translateY(-100%)

src/sass/transitions/swirl-left.sass

@@ -0,0 +1,17 @@
+/*******************************************/
+/* swirlLeft transition
+/*******************************************/
+
+.vegas-transition-swirlLeft,
+.vegas-transition-swirlLeft2
+    transform: scale($vegas-swirl-scale) rotate($vegas-swirl-degree)
+    opacity: 0
+
+.vegas-transition-swirlLeft-in,
+.vegas-transition-swirlLeft2-in
+    transform: scale(1) rotate(0deg)
+    opacity: 1
+
+.vegas-transition-swirlLeft2-out
+    transform: scale($vegas-swirl-scale) rotate(-$vegas-swirl-degree)
+    opacity: 0

src/sass/transitions/swirl-right.sass

@@ -0,0 +1,17 @@
+/*******************************************/
+/* swirlRight transition
+/*******************************************/
+
+.vegas-transition-swirlRight,
+.vegas-transition-swirlRight2
+    transform: scale($vegas-swirl-scale) rotate(-$vegas-swirl-degree)
+    opacity: 0
+
+.vegas-transition-swirlRight-in,
+.vegas-transition-swirlRight2-in
+    transform: scale(1) rotate(0deg)
+    opacity: 1
+
+.vegas-transition-swirlRight2-out
+    transform: scale($vegas-swirl-scale) rotate($vegas-swirl-degree)
+    opacity: 0

src/sass/transitions/zoom-in.sass

@@ -0,0 +1,17 @@
+/*******************************************/
+/* zoomIn transition
+/*******************************************/
+
+.vegas-transition-zoomIn,
+.vegas-transition-zoomIn2
+    transform: scale(0)
+    opacity: 0
+
+.vegas-transition-zoomIn-in,
+.vegas-transition-zoomIn2-in
+    transform: scale(1)
+    opacity: 1
+
+.vegas-transition-zoomIn2-out
+    transform: scale($vegas-zoom-scale)
+    opacity: 0

src/sass/transitions/zoom-out.sass

@@ -0,0 +1,17 @@
+/*******************************************/
+/* zoomOut transition
+/*******************************************/
+
+.vegas-transition-zoomOut,
+.vegas-transition-zoomOut2
+    transform: scale($vegas-zoom-scale)
+    opacity: 0
+
+.vegas-transition-zoomOut-in,
+.vegas-transition-zoomOut2-in
+    transform: scale(1)
+    opacity: 1
+
+.vegas-transition-zoomOut2-out
+    transform: scale(0)
+    opacity: 0

src/sass/vegas.sass

@@ -0,0 +1,41 @@
+// Vegas params
+$vegas-timer-color:         white !default
+
+// Animation params
+$vegas-kenburns-scale:      1.5   !default
+$vegas-kenburns-translate:  10%   !default
+
+// Transition params
+$vegas-blur-value:          32px  !default  // blur transition
+$vegas-swirl-degree:        35deg !default  // swirl transition
+$vegas-swirl-scale:         2     !default  // swirl transition
+$vegas-zoom-scale:          2     !default  // zoom transition
+
+// Main
+@import 'main/vegas'
+
+// Transitions
+@import 'transitions/blur'
+@import 'transitions/burn'
+@import 'transitions/fade'
+@import 'transitions/flash'
+@import 'transitions/negative'
+@import 'transitions/slide-down'
+@import 'transitions/slide-left'
+@import 'transitions/slide-right'
+@import 'transitions/slide-up'
+@import 'transitions/swirl-left'
+@import 'transitions/swirl-right'
+@import 'transitions/zoom-in'
+@import 'transitions/zoom-out'
+
+// Animations
+@import 'animations/kenburns'
+@import 'animations/kenburns-down-left'
+@import 'animations/kenburns-down-right'
+@import 'animations/kenburns-down'
+@import 'animations/kenburns-left'
+@import 'animations/kenburns-right'
+@import 'animations/kenburns-up-left'
+@import 'animations/kenburns-up-right'
+@import 'animations/kenburns-up'

src/vegas.css

@@ -1,408 +0,0 @@
-.vegas-wrapper,
-.vegas-overlay,
-.vegas-timer,
-.vegas-slide,
-.vegas-slide-inner {
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    overflow: hidden;
-    border: none;
-    padding: 0;
-    margin: 0;
-}
-
-.vegas-overlay {
-    opacity: .5;
-    background: transparent url(overlays/02.png) center center repeat;
-}
-
-.vegas-timer {
-    top: auto;
-    bottom: 0;
-    height: 2px;
-}
-    .vegas-timer-progress {
-        width: 0%;
-        height: 100%;
-        background: white;
-        transition: width ease-out;
-    }
-        .vegas-timer-running .vegas-timer-progress {
-            width: 100%;
-        }
-
-.vegas-slide,
-.vegas-slide-inner {
-    margin: 0;
-    padding: 0;
-    background: transparent center center no-repeat;
-    transform: translateZ(0);
-}
-
-body .vegas-container {
-    overflow: hidden !important;
-    position: relative;
-}
-    
-.vegas-video {
-    min-width: 100%; 
-    min-height: 100%;
-    width: auto; 
-    height: auto;
-}
-
-body.vegas-container {
-    overflow: auto;
-    position: static;
-    z-index: -2;
-}
-    body.vegas-container > .vegas-timer,
-    body.vegas-container > .vegas-overlay,
-    body.vegas-container > .vegas-slide {
-        position: fixed;
-        z-index: -1;
-    }
-
-    /* Target Safari IOS7+ in order to add 76px */
-    _::full-page-media, _:future, 
-    :root body.vegas-container > .vegas-slide,
-    :root body.vegas-container > .vegas-overlay {
-        bottom: -76px;
-    }
-
-/*************************
-    Transitions
- *************************/
-
-/* fade */
-.vegas-transition-fade,
-.vegas-transition-fade2 {
-    opacity: 0;
-}
-
-.vegas-transition-fade-in,
-.vegas-transition-fade2-in {
-    opacity: 1;
-}
-
-.vegas-transition-fade2-out {
-    opacity: 0;
-}
-
-/* blur */
-.vegas-transition-blur,
-.vegas-transition-blur2 {
-    opacity: 0;
-    filter: blur(32px);
-}
-
-.vegas-transition-blur-in,
-.vegas-transition-blur2-in {
-    opacity: 1;
-    filter: blur(0px);
-}
-
-.vegas-transition-blur2-out {
-    opacity: 0;
-}
-
-/* flash */
-.vegas-transition-flash,
-.vegas-transition-flash2 {
-    opacity: 0;
-    filter: brightness(25);
-}
-
-.vegas-transition-flash-in,
-.vegas-transition-flash2-in {
-    opacity: 1;
-    filter: brightness(1);
-}
-
-.vegas-transition-flash2-out {
-    opacity: 0;
-    filter: brightness(25);
-}
-
-/* negative */
-.vegas-transition-negative,
-.vegas-transition-negative2 {
-    opacity: 0;
-    filter: invert(100%);
-}
-
-.vegas-transition-negative-in,
-.vegas-transition-negative2-in {
-    opacity: 1;
-    filter: invert(0);
-}
-
-.vegas-transition-negative2-out {
-    opacity: 0;
-    filter: invert(100%);
-}
-
-/* burn */
-.vegas-transition-burn,
-.vegas-transition-burn2 {
-    opacity: 0;
-    filter: contrast(1000%) saturate(1000%);
-}
-
-.vegas-transition-burn-in,
-.vegas-transition-burn2-in {
-    opacity: 1;
-    filter: contrast(100%) saturate(100%);
-}
-
-.vegas-transition-burn2-out {
-    opacity: 0;
-    filter: contrast(1000%) saturate(1000%);
-}
-
-/* slideLeft */
-.vegas-transition-slideLeft,
-.vegas-transition-slideLeft2 {
-    transform: translateX(100%);
-}
-
-.vegas-transition-slideLeft-in,
-.vegas-transition-slideLeft2-in {
-    transform: translateX(0%); 
-}
-
-.vegas-transition-slideLeft2-out {
-    transform: translateX(-100%);
-}
-
-/* slideRight */
-.vegas-transition-slideRight,
-.vegas-transition-slideRight2 {
-    transform: translateX(-100%);
-}
-
-.vegas-transition-slideRight-in,
-.vegas-transition-slideRight2-in {
-    transform: translateX(0%); 
-}
-
-.vegas-transition-slideRight2-out {
-    transform: translateX(100%);
-}
-
-/* slideUp */
-.vegas-transition-slideUp,
-.vegas-transition-slideUp2 {
-    transform: translateY(100%);
-}
-
-.vegas-transition-slideUp-in,
-.vegas-transition-slideUp2-in {
-    transform: translateY(0%); 
-}
-
-.vegas-transition-slideUp2-out {
-    transform: translateY(-100%);
-}
-
-/* slideDown */
-.vegas-transition-slideDown,
-.vegas-transition-slideDown2 {
-    transform: translateY(-100%);
-}
-
-.vegas-transition-slideDown-in,
-.vegas-transition-slideDown2-in {
-    transform: translateY(0%); 
-}
-
-.vegas-transition-slideDown2-out {
-    transform: translateY(100%);
-}
-
-/* zoomIn */
-.vegas-transition-zoomIn,
-.vegas-transition-zoomIn2 {
-    transform: scale(0);
-    opacity: 0;
-}
-
-.vegas-transition-zoomIn-in,
-.vegas-transition-zoomIn2-in {
-    transform: scale(1);
-    opacity: 1;
-}
-
-.vegas-transition-zoomIn2-out {
-    transform: scale(2);
-    opacity: 0;
-}
-
-/* zoomOut */
-.vegas-transition-zoomOut,
-.vegas-transition-zoomOut2 {
-    transform: scale(2);
-    opacity: 0;
-}
-
-.vegas-transition-zoomOut-in,
-.vegas-transition-zoomOut2-in {
-    transform: scale(1);
-    opacity: 1;
-}
-
-.vegas-transition-zoomOut2-out {
-    transform: scale(0);
-    opacity: 0;
-}
-
-/* swirlLeft */
-.vegas-transition-swirlLeft,
-.vegas-transition-swirlLeft2 {
-    transform: scale(2) rotate(35deg);
-    opacity: 0;
-}
-
-.vegas-transition-swirlLeft-in,
-.vegas-transition-swirlLeft2-in {
-    transform: scale(1) rotate(0deg); 
-    opacity: 1;
-}
-
-.vegas-transition-swirlLeft2-out {
-    transform: scale(2) rotate(-35deg);
-    opacity: 0;
-}
-
-/* swirlRight */
-.vegas-transition-swirlRight,
-.vegas-transition-swirlRight2 {
-    transform: scale(2) rotate(-35deg);
-    opacity: 0;
-}
-
-.vegas-transition-swirlRight-in,
-.vegas-transition-swirlRight2-in {
-    transform: scale(1) rotate(0deg);
-    opacity: 1;
-}
-
-.vegas-transition-swirlRight2-out {
-    transform: scale(2) rotate(35deg);
-    opacity: 0;
-}
-
-/*************************
-    Animations
- *************************/
-
-.vegas-animation-kenburns {
-    animation: kenburns ease-out;
-}
-@keyframes kenburns {
-    0% {
-        transform: scale(1.5);
-    }
-    100% {
-        transform: scale(1);
-    }
-}
-
-.vegas-animation-kenburnsUp {
-    animation: kenburnsUp ease-out;
-}
-@keyframes kenburnsUp {
-    0% {
-        transform: scale(1.5) translate(0, 10%);
-    }
-    100% {
-        transform: scale(1) translate(0, 0);
-    }
-}
-
-.vegas-animation-kenburnsDown {
-    animation: kenburnsDown ease-out;
-}
-@keyframes kenburnsDown {
-    0% {
-        transform: scale(1.5) translate(0, -10%);
-    }
-    100% {
-        transform: scale(1) translate(0, 0);
-    }
-}
-
-.vegas-animation-kenburnsLeft {
-    animation: kenburnsLeft ease-out;
-}
-@keyframes kenburnsLeft {
-    0% {
-        transform: scale(1.5) translate(10%, 0);
-    }
-    100% {
-        transform: scale(1) translate(0, 0);
-    }
-}
-
-.vegas-animation-kenburnsRight {
-    animation: kenburnsRight ease-out;
-}
-@keyframes kenburnsRight {
-    0% {
-        transform: scale(1.5) translate(-10%, 0);
-    }
-    100% {
-        transform: scale(1) translate(0, 0);
-    }
-}
-
-.vegas-animation-kenburnsUpLeft {
-    animation: kenburnsUpLeft ease-out;
-}
-@keyframes kenburnsUpLeft {
-    0% {
-        transform: scale(1.5) translate(10%, 10%);
-    }
-    100% {
-        transform: scale(1) translate(0, 0);
-    }
-}
-
-.vegas-animation-kenburnsUpRight {
-    animation: kenburnsUpRight ease-out;
-}
-@keyframes kenburnsUpRight {
-    0% {
-        transform: scale(1.5) translate(-10%, 10%);
-    }
-    100% {
-        transform: scale(1) translate(0, 0);
-    }
-}
-
-.vegas-animation-kenburnsDownLeft {
-    animation: kenburnsDownLeft ease-out;
-}
-@keyframes kenburnsDownLeft {
-    0% {
-        transform: scale(1.5) translate(10%, -10%);
-    }
-    100% {
-        transform: scale(1) translate(0, 0);
-    }
-}
-
-.vegas-animation-kenburnsDownRight {
-    animation: kenburnsDownRight ease-out;
-}
-@keyframes kenburnsDownRight {
-    0% {
-        transform: scale(1.5) translate(-10%, -10%);
-    }
-    100% {
-        transform: scale(1) translate(0, 0);
-    }
-}