Summary Files Commits Branches @commit @diff @stats
path: root / src / tooltips.less
diff options
context:
space:
mode:
1 files changed, 0 insertions, 77 deletions
-rw-r--r--src/tooltips.less77
diff --git a/src/tooltips.less b/src/tooltips.less
deleted file mode 100644
index 02dc201..0000000
--- a/src/tooltips.less
+++ /dev/null
@@ -1,77 +0,0 @@
-// Tooltips
-.tooltip {
- position: relative;
- &::after {
- background: fade(@dark-color, 90%);
- border-radius: @border-radius;
- bottom: 100%;
- color: @light-color;
- content: attr(data-tooltip);
- display: block;
- font-size: @font-size-sm;
- left: 50%;
- max-width: @control-max-width;
- opacity: 0;
- overflow: hidden;
- padding: @unit-1 @unit-2;
- pointer-events: none;
- position: absolute;
- text-overflow: ellipsis;
- transform: translate(-50%, @unit-2);
- transition: all .2s ease;
- white-space: nowrap;
- z-index: @zindex-3;
- }
- &:focus,
- &:hover {
- &::after {
- opacity: 1;
- transform: translate(-50%, -@unit-1);
- }
- }
- &[disabled],
- &.disabled {
- pointer-events: auto;
- }
-
- &.tooltip-right {
- &::after {
- bottom: 50%;
- left: 100%;
- transform: translate(-@unit-1, 50%);
- }
- &:focus,
- &:hover {
- &::after {
- transform: translate(@unit-1, 50%);
- }
- }
- }
- &.tooltip-bottom {
- &::after {
- bottom: auto;
- top: 100%;
- transform: translate(-50%, -@unit-2);
- }
- &:focus,
- &:hover {
- &::after {
- transform: translate(-50%, @unit-1);
- }
- }
- }
- &.tooltip-left {
- &::after {
- bottom: 50%;
- left: auto;
- right: 100%;
- transform: translate(@unit-2, 50%);
- }
- &:focus,
- &:hover {
- &::after {
- transform: translate(-@unit-1, 50%);
- }
- }
- }
-}