Minor fix to bubble-top effect as it wasn't animating in Chrome

bdthemes · Feb 28, 2014 · d386afb · d386afb
1 parent f0418fa
commit d386afb
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/css/hover-min.css b/css/hover-min.css
diff --git a/css/hover.css b/css/hover.css
@@ -1827,12 +1827,13 @@
   border-style: solid;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
+  -webkit-transition-property: top;
+  transition-property: top;
   left: -webkit-calc(50% - 10px);
   left: calc(50% - 10px);
+  top: 0;
   border-width: 0 10px 10px 10px;
   border-color: transparent transparent #e1e1e1 transparent;
-  -webkit-transition-property: top;
-  transition-property: top;
 }
 
 .bubble-top:hover:before {

diff --git a/scss/effects/_bubble-top.scss b/scss/effects/_bubble-top.scss
@@ -12,10 +12,12 @@
 		content: '';
 		border-style: solid;
 		transition-duration: $defaultDuration;
+		transition-property: top;
 		left: calc(50% - #{$tipWidth});
+		top: 0;
 		border-width: 0 $tipWidth $tipHeight $tipWidth;
 		border-color: transparent transparent $tipColour transparent;
-		transition-property: top;
+
 	}
 
 	&:hover:before {