Summary Files Commits Branches @commit @diff @stats
path: root / src / tooltips.less
diff options
context:
space:
mode:
Commite78b3c34348f26d40a813612c5a3786f1c56607a (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-08-29 18:07:53 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-08-29 18:07:53 +0800
Filesf857491026c5f728fe95fe1564ec30c931a1b30a /src/tooltips.less
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.tar
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.tar.gz
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.zip
Parent66c492fd05c2d720c81e2be8d6845560b868e7ff (diff)
Initial SASS build
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%);
- }
- }
- }
-}