path: root/view/theme/quattro/icons.less

// 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"); }
	
}


.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);
	}
	
	
}