Merge pull request OwlCarousel2#457 from wjthomas9/develop

Prefix owl mixins to prevent conflicts with other mixin libraries

Closes OwlCarousel2#647

src/scss/_mixins.scss

@@ -1,18 +1,18 @@
-@mixin transition($prop, $time, $easing){
+@mixin owl-transition($prop, $time, $easing){
 	-webkit-transition: $prop $time $easing;
 	-moz-transition: $prop $time $easing;
 	-ms-transition: $prop $time $easing;
 	-o-transition: $prop $time $easing;
 	transition: $prop $time $easing;
 }
 
-@mixin rounded($value){
+@mixin owl-rounded($value){
 	-webkit-border-radius: $value;
 	-moz-border-radius: $value;
 	border-radius: $value;
 }
 
-@mixin transform($prop){
+@mixin owl-transform($prop){
 	-webkit-transition: $prop;
 	-moz-transition: $prop;
 	-ms-transition: $prop;

src/scss/_theme.scss

@@ -14,7 +14,7 @@
 			background: $nav-background;
 			display: inline-block;
 			cursor: pointer;
-			@include rounded($nav-rounded);
+			@include owl-rounded($nav-rounded);
 
 			&:hover {
 				background: $nav-background-hover;
@@ -48,8 +48,8 @@
 				background: $dot-background;
 				display: block;
 				-webkit-backface-visibility: visible;
-				@include transition(opacity, 200ms, ease);
-				@include rounded($dot-rounded);
+				@include owl-transition(opacity, 200ms, ease);
+				@include owl-rounded($dot-rounded);
 			}
 
 			&.active,

src/scss/owl.autoheight.scss

@@ -5,5 +5,5 @@
 @import 'mixins';
 
 .owl-height {
-	@include transition(height, 500ms, ease-in-out)
+	@include owl-transition(height, 500ms, ease-in-out)
 }

src/scss/owl.lazyload.scss

@@ -8,7 +8,7 @@
 	.owl-item {
 		.owl-lazy {
   			opacity: 0;
-  			@include transition(opacity, 400ms, ease);
+  			@include owl-transition(opacity, 400ms, ease);
   		}
 		img{
 			transform-style: preserve-3d;

src/scss/owl.video.scss

@@ -22,10 +22,10 @@
 		cursor: pointer;
 		z-index: 1;
 		-webkit-backface-visibility: hidden;
-		@include transition(scale, 100ms, ease);
+		@include owl-transition(scale, 100ms, ease);
 	}
 	.owl-video-play-icon:hover {
-		@include transform(scale(1.3, 1.3));
+		@include owl-transform(scale(1.3, 1.3));
 	}
 	.owl-video-playing .owl-video-tn,
 	.owl-video-playing .owl-video-play-icon {
@@ -40,7 +40,7 @@
 		-moz-background-size: contain;
 		-o-background-size: contain;
 		background-size: contain;
-		@include transition(opacity, 400ms, ease);
+		@include owl-transition(opacity, 400ms, ease);
 	}
 	.owl-video-frame {
 		position: relative;