breadrumb.less
1.36 KB
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
/*面包屑*/
.xn-breadcrumb .breadcrumb{
background: #fff;
font-size: @xn-font-size-sm;
margin-bottom: 0;
color: @xn-font-blue;
padding: 10px 0;
line-height: 18px;
}
.xn-breadcrumb .breadcrumb > li{
display: inline-block;
}
.xn-breadcrumb .breadcrumb > li + li:before {
display: inline-block;
padding: 0 5px;
color: @xn-font-auxiliary;
content:">";
}
.xn-breadcrumb .breadcrumb > .active {
color: @xn-font-auxiliary;
}
.xn-breadcrumb .breadcrumb a {
text-decoration: none;
color: @xn-minor-blue;
display: inline-block;
line-height: 18px;
}
.xn-breadcrumb .line{
margin: 0px;
border-top: 1px solid #eee;
}
.xn-breadcrumb{
/*receipt.less*/
.operation-li{
float: right;
margin-left: 5px;
margin-right: 5px;
}
.operation-li .operation-a{
display: inline-block;
text-decoration: none;
color: #999
}
.operation-li .operation-a .xn-icon{
font-size: 12px;
color: #999;
margin-right: 5px;
}
.operation-li .operation-a .icon{
font-size: 12px;
color: #999;
margin-right: 5px;
}
.operation-li .operation-a:hover{
color: #3399ff
}
.operation-li .operation-a:hover .xn-icon{
color: #3399ff
}
.operation-li .operation-a:hover .icon{
color: #3399ff
}
}