Added 's' unit to transition delays

To resolve ambiguities and probably a bug in Firefox
terrymun · Jan 28, 2015 · c235de0 · c235de0
1 parent 25708d5
commit c235de0
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 15 deletions.
diff --git a/css/fluidbox.css b/css/fluidbox.css
diff --git a/css/fluidbox.css.map b/css/fluidbox.css.map
diff --git a/css/fluidbox.less b/css/fluidbox.less
@@ -42,7 +42,7 @@
 	transition: all @transition-duration ease-in-out;
 
 	/* To prevent flickering, we delay the showing of the image */
-	.fluidbox-closed & img { transition: opacity 0 ease-in-out @transition-duration; }
+	.fluidbox-closed & img { transition: opacity 0s ease-in-out @transition-duration; }
 }
 .fluidbox-ghost {
 	background-size: 100% 100%;
@@ -52,8 +52,8 @@
 	-moz-transition-property: opacity, -moz-transform;
 	-o-transition-property: opacity, -o-transform;
 	transition-property: opacity, transform;
-	transition-duration: 0, @transition-duration;
-	transition-delay: @transition-duration, 0;
+	transition-duration: 0s, @transition-duration;
+	transition-delay: @transition-duration, 0s;
 
 	&::before {
 		-webkit-animation: fluidboxLoading 1s infinite;
@@ -77,5 +77,5 @@
 		opacity: 1;
 	}
 
-	.fluidbox-opened & { transition-delay: 0, 0; }
+	.fluidbox-opened & { transition-delay: 0s, 0s; }
 }
diff --git a/css/fluidbox.scss b/css/fluidbox.scss
@@ -42,7 +42,7 @@ $animation-bg-color: $overlay-bg-color;
 	transition: all $transition-duration ease-in-out;
 
 	/* To prevent flickering, we delay the showing of the image */
-	.fluidbox-closed & img { transition: opacity 0 ease-in-out $transition-duration; }
+	.fluidbox-closed & img { transition: opacity 0s ease-in-out $transition-duration; }
 }
 .fluidbox-ghost {
 	background-size: 100% 100%;
@@ -53,8 +53,8 @@ $animation-bg-color: $overlay-bg-color;
 	-moz-transition-property: opacity, -moz-transform;
 	-o-transition-property: opacity, -o-transform;
 	transition-property: opacity, transform;
-	transition-duration: 0, $transition-duration;
-	transition-delay: $transition-duration, 0;
+	transition-duration: 0s, $transition-duration;
+	transition-delay: $transition-duration, 0s;
 
 	&::before {
 		-webkit-animation: fluidboxLoading 1s infinite;
@@ -76,8 +76,8 @@ $animation-bg-color: $overlay-bg-color;
 
 	.fluidbox-loading &::before {
 		opacity: 1;
-		transition-delay: 0;
+		transition-delay: 0s;
 	}
 
-	.fluidbox-opened & { transition-delay: 0, 0; }
+	.fluidbox-opened & { transition-delay: 0s, 0s; }
 }