Summary Files Commits Branches @commit @diff @stats
path: root / src / tooltips.less
diff options
context:
space:
mode:
Commitc9e625c9dd8f1628c58b10bb165961eae068002f (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-08-15 16:30:05 +0800
Committer
 GitHub <noreply@github.com>
2017-08-15 16:30:05 +0800
Files9031e1df36c23e49deecad79df2a272b0d076270 /src/tooltips.less
Spectre-Dark-Gruvbox-c9e625c9dd8f1628c58b10bb165961eae068002f.tar
Spectre-Dark-Gruvbox-c9e625c9dd8f1628c58b10bb165961eae068002f.tar.gz
Spectre-Dark-Gruvbox-c9e625c9dd8f1628c58b10bb165961eae068002f.zip
Parent846353cb40512404c5b8d27084a6fbe7b4a47d23 (diff)
Parentd6b5a13424cb56db116483f79d6253205e26757c (diff)
Merge pull request #249 from picturepan2/0.2.15 v0.2.15
0.2.15
1 files changed, 11 insertions, 11 deletions
-rw-r--r--src/tooltips.less22
diff --git a/src/tooltips.less b/src/tooltips.less
index 25e7bf6..02dc201 100644
--- a/src/tooltips.less
+++ b/src/tooltips.less
@@ -10,23 +10,23 @@
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;
+ z-index: @zindex-3;
}
&:focus,
&: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%);
}
}
}