diff --git a/scss/_variables.scss b/scss/_variables.scss
new file mode 100644
index 00000000..517234b4
--- /dev/null
+++ b/scss/_variables.scss
@@ -0,0 +1,2 @@
+$image-loader: "../img/loader.gif";
+$image-icons: "../img/icons.png";
diff --git a/scss/swipebox.scss b/scss/swipebox.scss
index 0448b4c9..623b3cbd 100644
--- a/scss/swipebox.scss
+++ b/scss/swipebox.scss
@@ -1,5 +1,7 @@
 /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
 
+@import "variables";
+
 // Gradient mixin
 @mixin css-gradient($from: #dfdfdf, $to: #f8f8f8) {
 	background-color: $from;
@@ -104,7 +106,7 @@ html.swipebox-html.swipebox-touch {
 	}
 	
 	.slide-loading {
-		background: url(../img/loader.gif) no-repeat center center;
+		background: url($image-loader) no-repeat center center;
 	}
 
 }
@@ -144,7 +146,7 @@ html.swipebox-html.swipebox-touch {
 #swipebox-prev, 
 #swipebox-next, 
 #swipebox-close {
-	background-image: url(../img/icons.png);
+	background-image: url($image-icons);
 	background-repeat: no-repeat;
 	border: none!important;
 	text-decoration: none!important;
diff --git a/src/css/swipebox.css b/src/css/swipebox.css
index 37d06218..6d0a4eb4 100644
--- a/src/css/swipebox.css
+++ b/src/css/swipebox.css
@@ -89,7 +89,7 @@ html.swipebox-html.swipebox-touch {
   left: 0;
 }
 #swipebox-slider .slide-loading {
-  background: url(../img/loader.gif) no-repeat center center;
+  background: url("../img/loader.gif") no-repeat center center;
 }
 
 #swipebox-bottom-bar,
@@ -128,7 +128,7 @@ html.swipebox-html.swipebox-touch {
 #swipebox-prev,
 #swipebox-next,
 #swipebox-close {
-  background-image: url(../img/icons.png);
+  background-image: url("../img/icons.png");
   background-repeat: no-repeat;
   border: none !important;
   text-decoration: none !important;
@@ -215,11 +215,9 @@ html.swipebox-html.swipebox-touch {
   0% {
     left: 0;
   }
-
   50% {
     left: -30px;
   }
-
   100% {
     left: 0;
   }
@@ -229,11 +227,9 @@ html.swipebox-html.swipebox-touch {
   0% {
     left: 0;
   }
-
   50% {
     left: -30px;
   }
-
   100% {
     left: 0;
   }
@@ -242,11 +238,9 @@ html.swipebox-html.swipebox-touch {
   0% {
     left: 0;
   }
-
   50% {
     left: 30px;
   }
-
   100% {
     left: 0;
   }
@@ -255,11 +249,9 @@ html.swipebox-html.swipebox-touch {
   0% {
     left: 0;
   }
-
   50% {
     left: 30px;
   }
-
   100% {
     left: 0;
   }