diff options
Initial SASS build
1 files changed, 0 insertions, 77 deletions
| -rw-r--r-- | src/tooltips.less | 77 |
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%); - } - } - } -} |