]> git.mxchange.org Git - friendica.git/blob - view/theme/vier/icons.less
Merge pull request #83 from tomtom84/master
[friendica.git] / view / theme / vier / icons.less
1 // Quattro Theme LESS file
2 /* icons */
3
4 .icons(@size: 22) {
5         &.notify { background-image: url("../../../images/icons/@{size}/notify_off.png"); }
6         &.gear   { background-image: url("../../../images/icons/@{size}/gear.png"); }
7         
8         &.add           { background-image: url("../../../images/icons/@{size}/add.png"); }
9         &.delete        { background-image: url("../../../images/icons/@{size}/delete.png"); }
10         &.edit          { background-image: url("../../../images/icons/@{size}/edit.png"); }
11         &.star          { background-image: url("../../../images/icons/@{size}/star.png"); }
12         &.menu          { background-image: url("../../../images/icons/@{size}/menu.png"); }
13         &.link          { background-image: url("../../../images/icons/@{size}/link.png"); }
14         &.lock          { background-image: url("../../../images/icons/@{size}/lock.png"); }
15         &.unlock        { background-image: url("../../../images/icons/@{size}/unlock.png"); }
16         &.type-unkn     { background-image: url("../../../images/icons/@{size}/zip.png"); }
17         &.type-audio{ background-image: url("../../../images/icons/@{size}/audio.png"); }
18         &.type-video{ background-image: url("../../../images/icons/@{size}/video.png"); }
19         &.type-image{ background-image: url("../../../images/icons/@{size}/image.png"); }
20         &.type-text     { background-image: url("../../../images/icons/@{size}/text.png"); }
21         
22 }
23
24
25 .icon {
26         background-color: transparent ;
27         background-repeat: no-repeat;
28         background-position: left center;
29         display: block;
30         overflow: hidden;
31         text-indent: -9999px;
32         padding: 1px;
33
34         &.text {
35                 text-indent: 0px;
36         }
37
38         &.s10 {
39                 min-width:10px; height: 10px;
40                 .icons(10);
41                 &.text { padding: 2px 0px 0px 15px;  }
42         }
43         &.s16 {
44                 min-width:16px; height: 16px;
45                 .icons(16);
46                 &.text { padding: 4px 0px 0px 20px;  }
47         }
48         &.s22 {
49                 min-width:22px; height: 22px;
50                 .icons(22);
51                 &.text { padding: 10px 0px 0px 25px;  }
52         }
53         &.s48 {
54                 width:48px; height: 48px;
55                 .icons(48);
56         }
57         
58         
59 }