use .transition helpers

10 years ago · 72d95c273c
parent cbf6d441a9
commit 72d95c273c
2 changed files with 2 additions and 10 deletions
--- a/less/topic.less
+++ b/less/topic.less
@ -292,11 +292,7 @@
 			top: 0px;
 			left: -7px;

-			-webkit-transition: opacity 250ms ease, top 250ms ease;
-			-moz-transition: opacity 250ms ease, top 250ms ease;
-			-ms-transition: opacity 250ms ease, top 250ms ease;
-			-o-transition: opacity 250ms ease, top 250ms ease;
-			transition: opacity 250ms ease, top 250ms ease;
+			.transition(~"opacity ease 250ms, top ease 250ms")
 		}

 		&.replying::after {
--- a/modules/taskbar.less
+++ b/modules/taskbar.less
@ -6,11 +6,7 @@
 	-moz-opacity: 0.75;
 	opacity: 0.75;
 	margin-top: 0;
-	-webkit-transition: opacity 150ms ease-in;
-	   -moz-transition: opacity 150ms ease-in;
-	    -ms-transition: opacity 150ms ease-in;
-	     -o-transition: opacity 150ms ease-in;
-	        transition: opacity 150ms ease-in;
+	.transition(.15s ease-in opacity);

 	&[data-active="1"] {
 		display: block;