friendica/view/theme/quattro/icons.less

61 lines
1.9 KiB
Plaintext
Raw Normal View History

2011-09-16 12:50:15 +02:00
// Quattro Theme LESS file
2011-09-05 11:14:43 +02:00
/* 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"); }
2011-09-16 12:50:15 +02:00
&.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"); }
&.plugin { background-image: url("../../../images/icons/@{size}/plugin.png"); }
2012-02-15 11:10:02 +01:00
&.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"); }
2011-09-16 12:50:15 +02:00
2011-09-05 11:14:43 +02:00
}
.icon {
background-color: transparent ;
background-repeat: no-repeat;
background-position: left center;
2011-09-05 11:14:43 +02:00
display: block;
overflow: hidden;
text-indent: -9999px;
padding: 1px;
&.text {
text-indent: 0px;
}
2011-09-16 12:50:15 +02:00
&.s10 {
min-width:10px; height: 10px;
2011-09-16 12:50:15 +02:00
.icons(10);
&.text { padding: 2px 0px 0px 15px; }
2011-09-16 12:50:15 +02:00
}
2011-09-05 11:14:43 +02:00
&.s16 {
min-width:16px; height: 16px;
2011-09-05 11:14:43 +02:00
.icons(16);
&.text { padding: 4px 0px 0px 20px; }
2011-09-05 11:14:43 +02:00
}
&.s22 {
min-width:22px; height: 22px;
2011-09-05 11:14:43 +02:00
.icons(22);
&.text { padding: 10px 0px 0px 25px; }
2011-09-05 11:14:43 +02:00
}
2011-09-16 12:50:15 +02:00
&.s48 {
width:48px; height: 48px;
.icons(48);
2011-09-16 12:50:15 +02:00
}
2011-09-05 11:14:43 +02:00
}