@import "variables.less";
.shareclass(@sharewhere) {
	background:url("@{image-base}icons/@{sharewhere}.png") 10px center no-repeat;
	cursor: pointer;
		
	span {
		padding-left:10px;
	}
		
	&:hover {
		background:@call-to-action url("@{image-base}icons/@{sharewhere}-hover.png") 10px center no-repeat;
	
		span {
			color: #fff;
			}
	}
}

ul.social {
	a:hover {
		text-decoration: none;
	}

	li {
		padding:5px 0 5px 30px !important;
		height: 28px;
		line-height: 28px !important;
		margin: 0 !important;
		.one-border-radius(0px);
	
		&.facebook {
			.shareclass("facebook");
		}
	
		&.twitter {
			.shareclass("twitter");
		}
	
		&.email {
			.shareclass("email");
		}
	
		&.embed {
			.shareclass("embed");
		}
	}
}