tabs.less
716 Bytes
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
/*tab切换*/
.xn-tabs {
font-size: @xn-font-size;
display: block;
height: 34px;
border-bottom: 1px solid @xn-bc;
}
.xn-tabs .tab-item {
display: inline-block;
height: 34px;
line-height: 34px;
padding: 0 20px;
cursor: pointer;
position: relative;
font-weight: bold;
}
.xn-tabs .selected {
color: @xn-theme;
}
.xn-tabs .selected:after {
position: absolute;
content: "";
display: inline-block;
border-top: 1px solid @xn-bc;
border-left: 1px solid @xn-bc;
background: #fff;
width: 10px;
height: 10px;
bottom: -5px;
left: 50%;
margin-left: -6px;
transform:rotate(45deg);
}
.xn-tabs .tab-btns {
margin-top: -13px;
}