IMPORTANT: Replace all rem units to px

1 files changed, 10 insertions, 10 deletions

diff --git a/src/tooltips.less b/src/tooltips.less
index 25e7bf6..9afeb4d 100644
--- a/src/tooltips.less
+++ b/src/tooltips.less
@@ -10,14 +10,14 @@
     display: block;
     font-size: @font-size-sm;
     left: 50%;
-    max-width: 32rem;
+    max-width: @control-max-width;
     opacity: 0;
     overflow: hidden;
-    padding: .4rem .8rem;
+    padding: @unit-1 @unit-2;
     pointer-events: none;
     position: absolute;
     text-overflow: ellipsis;
-    transform: translate(-50%, 1rem);
+    transform: translate(-50%, @unit-2);
     transition: all .2s ease;
     white-space: nowrap;
     z-index: @zindex-2;
@@ -26,7 +26,7 @@
   &:hover {
     &::after {
       opacity: 1;
-      transform: translate(-50%, -.5rem);
+      transform: translate(-50%, -@unit-1);
     }
   }
   &[disabled],
@@ -38,12 +38,12 @@
     &::after {
       bottom: 50%;
       left: 100%;
-      transform: translate(-1rem, 50%);
+      transform: translate(-@unit-1, 50%);
     }
     &:focus,
     &:hover {
       &::after {
-        transform: translate(.5rem, 50%);
+        transform: translate(@unit-1, 50%);
       }
     }
   }
@@ -51,12 +51,12 @@
     &::after {
       bottom: auto;
       top: 100%;
-      transform: translate(-50%, -1rem);
+      transform: translate(-50%, -@unit-2);
     }
     &:focus,
     &:hover {
       &::after {
-        transform: translate(-50%, .5rem);
+        transform: translate(-50%, @unit-1);
       }
     }
   }
@@ -65,12 +65,12 @@
       bottom: 50%;
       left: auto;
       right: 100%;
-      transform: translate(1rem, 50%);
+      transform: translate(@unit-2, 50%);
     }
     &:focus,
     &:hover {
       &::after {
-        transform: translate(-.5rem, 50%);
+        transform: translate(-@unit-1, 50%);
       }
     }
   }