improved scss variables

themes/default-bootstrap/sass/modules/homeslider/bx_styles.scss

@@ -1,3 +1,4 @@
+@import '../../_theme_variables';
 /**
  * BxSlider v4.0 - Fully loaded, responsive content slider
  * http://bxslider.com
@@ -68,7 +69,7 @@
 
 .bx-wrapper .bx-loading {
 	min-height: 50px;
-	background: url(images/bx_loader.gif) center center no-repeat #fff;
+	background: url(images/bx_loader.gif) center center no-repeat $light-background;
 	height: 100%;
 	width: 100%;
 	position: absolute;
@@ -82,7 +83,7 @@
 .bx-wrapper .bx-pager {
 	text-align: center;
 	font-size: .85em;
-	font-family: Arial;
+	font-family: $font-famaly;
 	font-weight: bold;
 	color: #666;
 	padding-top: 20px;
@@ -139,13 +140,13 @@
 	height: 52px;
 	text-indent: -9999px;
 	z-index: 9999;
-	border:2px solid #fff;
+	border:2px solid $light-border-color;
 	
 	&:before {
 		height:48px;
 		width:48px;
 		display:block;
-		background:#fff;
+		background:$light-background;
 		content:".";
 		opacity:0.14;
 		text-indent:-9999px;
@@ -159,11 +160,11 @@
 		display:block;
 		width:48px;
 		height:48px;
-		color:#fff;
+		color:$light-text-color;
 		text-indent:0;
 		text-align:center;
 		font-size:21px;
-		font-family:"FontAwesome";
+		font-family:$font-icon;
 		position:absolute;
 		top:0;
 		left:0;
@@ -174,7 +175,7 @@
 	&:hover {
 		
 		&:before {
-			background:#333;
+			background:$dark-background;
 			opacity:0.83;	
 		}
 	}
@@ -244,8 +245,8 @@
 }
 
 .bx-wrapper .bx-caption span {
-	color: #fff;
-	font-family: Arial;
+	color: $light-text-color;
+	font-family: $font-famaly;
 	display: block;
 	font-size: .85em;
 	padding: 10px;