/
util.less
42 lines (40 loc) · 1.66 KB
/
util.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
//colors for various anchor link states
.link(@color-link; @color-hover; @color-active; @color-visited; @important:false){
& when (@important = true){
&:link{color:@color-link !important;}
&:visited{color:@color-visited !important;}
&:hover{color:@color-hover !important;}
&:active{color:@color-active !important;}
}
& when (@important = false){
&:link{color:@color-link;}
&:visited{color:@color-visited;}
&:hover{color:@color-hover;}
&:active{color:@color-active;}
}
}
//colors for various anchor link states that contain an svg
.svglink(@color-link; @color-hover; @color-active; @color-visited; @important:false){
& when (@important = true){
use{color:@color-link !important; fill:@color-link !important;}
a:link use{color:@color-link !important; fill:@color-link !important;}
a:visited use{color:@color-visited !important; fill:@color-visited !important;}
a:hover use{color:@color-hover !important; fill:@color-hover !important;}
a:active use{color:@color-active !important; fill:@color-active !important;}
}
& when (@important = false){
use{color:@color-link; fill:@color-link;}
a:link use{color:@color-link; fill:@color-link;}
a:visited use{color:@color-visited; fill:@color-visited;}
a:hover use{color:@color-hover; fill:@color-hover;}
a:active use{color:@color-active; fill:@color-active;}
}
}
.svg(@color; @important:false){
& when (@important = true){
use{color:@color !important; fill:@color !important;}
}
& when (@important = false){
use{color:@color; fill:@color;}
}
}