aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/quattro/icons.less
blob: e314fba1fdd29d20ca5da45c053775daba8ce0c3 (plain) (blame)
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
// Quattro Theme LESS file
/* icons */

.icons(@size: 22) {
	&.notify { background-image: url("../../../images/icons/@{size}/notify_off.png"); }
	&.gear 	 { background-image: url("../../../images/icons/@{size}/gear.png"); }
	
	&.add 	 	{ background-image: url("../../../images/icons/@{size}/add.png"); }
	&.delete 	{ background-image: url("../../../images/icons/@{size}/delete.png"); }
	&.edit 	 	{ background-image: url("../../../images/icons/@{size}/edit.png"); }
	&.star	 	{ background-image: url("../../../images/icons/@{size}/star.png"); }
	&.menu		{ background-image: url("../../../images/icons/@{size}/menu.png"); }
	&.link		{ background-image: url("../../../images/icons/@{size}/link.png"); }
	&.lock		{ background-image: url("../../../images/icons/@{size}/lock.png"); }
	&.unlock	{ background-image: url("../../../images/icons/@{size}/unlock.png"); }
	&.type-unkn	{ background-image: url("../../../images/icons/@{size}/zip.png"); }
	&.type-audio{ background-image: url("../../../images/icons/@{size}/audio.png"); }
	&.type-video{ background-image: url("../../../images/icons/@{size}/video.png"); }
	&.type-image{ background-image: url("../../../images/icons/@{size}/image.png"); }
	&.type-text	{ background-image: url("../../../images/icons/@{size}/text.png"); }
	
}


.icon {
	background-color: transparent ;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	padding: 1px;

	&.text {
		text-indent: 0px;
	}

	&.s10 {
		min-width:10px; height: 10px;
		.icons(10);
		&.text { padding: 2px 0px 0px 15px;  }
	}
	&.s16 {
		min-width:16px; height: 16px;
		.icons(16);
		&.text { padding: 4px 0px 0px 20px;  }
	}
	&.s22 {
		min-width:22px; height: 22px;
		.icons(22);
		&.text { padding: 10px 0px 0px 25px;  }
	}
	&.s48 {
		width:48px; height: 48px;
		.icons(48);
	}
	
	
}