Modify fade up/down to be % based

src/themes/packages/default/modules/popup.variables

@@ -12,14 +12,14 @@
 @maxWidth: 250px;
 @borderColor: #CCCCCC;
 @borderWidth: 1px;
-@boxShadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
+@boxShadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
 @color: @textColor;
 
-@verticalPadding: 0.75em;
-@horizontalPadding: 1.25em;
+@verticalPadding: 0.8em;
+@horizontalPadding: 1em;
 @fontWeight: normal;
 @fontStyle: normal;
-@borderRadius: 0.2em;
+@borderRadius: 0.25em;
 
 /*-------------------
        Parts

src/themes/packages/default/modules/transition.overrides

@@ -260,22 +260,22 @@
 @keyframes fadeUp {
   0% {
     opacity: 0;
-    transform: translateY(20px);
+    transform: translateY(10%);
   }
   100% {
     opacity: 1;
-    transform: translateY(0);
+    transform: translateY(0%);
   }
 }
 
 @keyframes fadeUpOut {
   0% {
     opacity: 1;
-    transform: translateY(0);
+    transform: translateY(0%);
   }
   100% {
     opacity: 0;
-    transform: translateY(20px);
+    transform: translateY(10%);
   }
 }
 
@@ -283,21 +283,21 @@
 @keyframes fadeDown {
   0% {
     opacity: 0;
-    transform: translateY(-20px);
+    transform: translateY(-10%);
   }
   100% {
     opacity: 1;
-    transform: translateY(0);
+    transform: translateY(0%);
   }
 }
 @keyframes fadeDownOut {
   0% {
     opacity: 1;
-    transform: translateY(0);
+    transform: translateY(0%);
   }
   100% {
     opacity: 0;
-    transform: translateY(-20px);
+    transform: translateY(-10%);
   }
 }