feat: QPopover animation enhancement

Author: rstoenescu

src/css/core/motion.styl

@@ -93,27 +93,29 @@
 
 .animate-popup-up, .animate-popup-down
   animation-timing-function cubic-bezier(0.23, 1, 0.32, 1)
+  > *
+    animation q-fade .82s cubic-bezier(.785, .135, .15, .86)
 .animate-popup-down
-  animation q-popup-down .42s /* rtl:ignore */
+  animation q-popup-down .36s /* rtl:ignore */
   transform-origin left top 0px /* rtl:ignore */
 .animate-popup-up
-  animation q-popup-up .42s /* rtl:ignore */
+  animation q-popup-up .36s /* rtl:ignore */
   transform-origin left bottom 0px /* rtl:ignore */
 
 @keyframes q-popup-down
   0%
     opacity 0
-    transform translateY(-20px) scaleY(.3)
+    transform translateY(-10px) scaleY(.3)
     pointer-events none
-  100%
+  30%
     opacity 1
 
 @keyframes q-popup-up
   0%
     opacity 0
-    transform translateY(20px) scaleY(.3)
+    transform translateY(10px) scaleY(.3)
     pointer-events none
-  100%
+  30%
     opacity 1
 
 .animated