]>
Commit | Line | Data |
---|---|---|
1 | @import "ui-variables"; | |
2 | ||
3 | .tooltip { | |
4 | @tip-background-color: #333; | |
5 | @tip-text-color: #fff; | |
6 | white-space: nowrap; | |
7 | ||
8 | .keystroke { | |
9 | font-family: Helvetica, Arial, sans-serif; | |
10 | font-size: 13px; | |
11 | color: #c0c0c0; | |
12 | padding-left: 2px; | |
13 | } | |
14 | ||
15 | &.in { opacity: 1; } | |
16 | ||
17 | .tooltip-inner { | |
18 | line-height: 19px; | |
19 | border-radius: @component-border-radius; | |
20 | background-color: @tip-background-color; | |
21 | color: @tip-text-color; | |
22 | white-space: nowrap; | |
23 | max-width: none; | |
24 | } | |
25 | ||
26 | &.top .tooltip-arrow { | |
27 | border-top-color: @tip-background-color; | |
28 | } | |
29 | &.top-left .tooltip-arrow { | |
30 | border-top-color: @tip-background-color; | |
31 | } | |
32 | &.top-right .tooltip-arrow { | |
33 | border-top-color: @tip-background-color; | |
34 | } | |
35 | &.right .tooltip-arrow { | |
36 | border-right-color: @tip-background-color; | |
37 | } | |
38 | &.left .tooltip-arrow { | |
39 | border-left-color: @tip-background-color; | |
40 | } | |
41 | &.bottom .tooltip-arrow { | |
42 | border-bottom-color: @tip-background-color; | |
43 | } | |
44 | &.bottom-left .tooltip-arrow { | |
45 | border-bottom-color: @tip-background-color; | |
46 | } | |
47 | &.bottom-right .tooltip-arrow { | |
48 | border-bottom-color: @tip-background-color; | |
49 | } | |
50 | } |