-
Notifications
You must be signed in to change notification settings - Fork 2k
/
icons.less
52 lines (47 loc) · 1.38 KB
/
icons.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
43
44
45
46
47
48
49
50
51
52
@small-x: 16px;
@small-y: 16px;
@medium-x: 17px;
@medium-y: 17px;
@medium-offset-y: -@small-y;
@large-x: 20px;
@large-y: 20px;
@large-offset-x: -20px;
@large-offset-y: -(@small-y + @medium-y);
.ckan-icon {
.ie7-restore-right-whitespace;
display: inline-block;
vertical-align: text-bottom;
position: relative;
top: 2px;
width: 16px;
height: 16px;
background-image: url("@{image-path}/sprite-ckan-icons.png");
background-repeat: no-repeat;
background-position: 16px 16px;
}
.ckan-icon-medium {
width: @medium-x;
height: @medium-y;
}
.ckan-icon-large {
width: @large-x;
height: @large-y;
}
.ckan-icon-background-position(@offset, @size) {
@w: "@{size}-x";
@h: "@{size}-y";
@x: "@{size}-offset-x";
@y: "@{size}-offset-y";
width: @@w;
height: @@h;
background-position: (@@x * @offset) @@y;
}
.ckan-icon-lock { .ckan-icon-background-position(0, "large") }
.ckan-icon-photo { .ckan-icon-background-position(1, "large") }
.ckan-icon-add { .ckan-icon-background-position(2, "large") }
.ckan-icon-home { .ckan-icon-background-position(3, "large") }
.ckan-icon-rewind { .ckan-icon-background-position(4, "large") }
.ckan-icon-tools { .ckan-icon-background-position(5, "large") }
.ckan-icon-flag { .ckan-icon-background-position(6, "large") }
.ckan-icon-clipboard { .ckan-icon-background-position(7, "large") }
.ckan-icon-share { .ckan-icon-background-position(8, "large") }