@billicons-fontpath: "./billicons";

@font-face {
	font-family: "billicons";
    font-style: normal;
    font-weight: normal;
	src:url("@{billicons-fontpath}/billicons.eot?-uu7x0z");
	src:url("@{billicons-fontpath}/billicons.eot?#iefix-uu7x0z") format("embedded-opentype"),
		url("@{billicons-fontpath}/billicons.woff?-uu7x0z") format("woff"),
		url("@{billicons-fontpath}/billicons.ttf?-uu7x0z") format("truetype"),
		url("@{billicons-fontpath}/billicons.svg?-uu7x0z#billicons") format("svg");
}

.bi {
	font-size: 1.3em;
}

[class^="bi-"], [class*=" bi-"], .billicons {
	font-family: "billicons";
	font-style: normal;
	font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
	text-transform: none;

	// Better font rendering
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.billicon(@icon) {
	.billicons;
	&:before {
		content: @icon;
	}
}

.pseudo-billicon(@icon) {
	.billicons;
	content: @icon;
}
