-
Notifications
You must be signed in to change notification settings - Fork 1
/
jquery.le-tip.less
42 lines (41 loc) · 1.11 KB
/
jquery.le-tip.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
@import "mixins.less";
.le-tip {
position: absolute;
z-index: 1010;
display: block;
visibility: visible;
padding: 5px;
font: 12px arial;
&.top { margin-top: -2px; }
&.right { margin-left: 2px; }
&.bottom { margin-top: 2px; }
&.left { margin-left: -2px; }
&.top .le-tip-arrow { #le-tip-arrow > .top(); }
&.left .le-tip-arrow { #le-tip-arrow > .left(); }
&.bottom .le-tip-arrow { #le-tip-arrow > .bottom(); }
&.right .le-tip-arrow { #le-tip-arrow > .right(); }
&.top-left .le-tip-arrow { #le-tip-arrow > .top-left(); }
&.top-right .le-tip-arrow { #le-tip-arrow > .top-right(); }
&.bottom-left .le-tip-arrow { #le-tip-arrow > .bottom-left(); }
&.bottom-right .le-tip-arrow { #le-tip-arrow > .bottom-right(); }
.le-tip-inner {
max-width: 200px;
padding: 8px;
color: white;
background-color: @backgroundColor;
.border-radius(4px);
.box-shadow(2px 2px 8px rgba(0,0,0,0.5));
}
.le-tip-arrow {
position: absolute;
width: 0;
height: 0;
}
&.fade {
opacity: 0;
.transition(opacity .15s linear);
&.in {
opacity: 1;
}
}
}