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
| ._setArrow(@arrowsize, @borderColor, @borderWidth){
| display: inline-block;
| height: @arrowsize;
| width: @arrowsize;
| border-width: @borderWidth @borderWidth 0 0;
| border-color: @borderColor;
| border-style: solid;
| }
|
| .setArrow(@direction, @arrowsize, @borderColor, @borderWidth) when (@direction = top) {
| ._setArrow(@arrowsize, @borderColor, @borderWidth);
| transform: matrix(0.71,-0.71,0.71,0.71,0,0); // rotate(-45deg)
| }
|
| .setArrow(@direction, @arrowsize, @borderColor,@borderWidth) when (@direction = right) {
| ._setArrow(@arrowsize, @borderColor, @borderWidth);
| transform: matrix(0.71,0.71,-0.71,0.71,0,0); // rotate(45deg);
|
| position: relative;
| top: -2px;
| }
|
| .setArrow(@direction, @arrowsize, @borderColor,@borderWidth) when (@direction = down) {
| ._setArrow(@arrowsize, @borderColor, @borderWidth);
| transform: matrix(-0.71,0.71,-0.71,-0.71,0,0); // rotate(135deg);
|
| position: relative;
| top: -3px;
| }
|
| .setArrow(@direction, @arrowsize, @borderColor,@borderWidth) when (@direction = left) {
| ._setArrow(@arrowsize, @borderColor, @borderWidth);
| transform: matrix(-0.71,-0.71,0.71,-0.71,0,0); // rotate(-135deg);
|
| position: relative;
| top: -2px;
| }
|
|
