// {{comment}}

//Default values
/*@iconWidth: 1.23em;*/
/*@iconHeight: 0.9em;*/


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

  // semantic-ui icon rules
  /*font-variant: normal;*/
  /*text-decoration: inherit;*/
  /*text-transform: none;*/
}

.{{className}} {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	margin: -0.1em 0;

	font-family: '{{fontName}}';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-align: center;

	speak: none;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;

	backface-visibility: hidden;

  // semantic-ui icon rules
	/*width: 1.18em;*/
	/*height: 1em;*/
	/*margin: 0em 0.25rem 0em 0em;*/
  /*opacity: 1;*/
  /*text-decoration: inherit;*/
  /*text-align: center;*/
  /*-webkit-backface-visibility: hidden;*/
}

// semantic-ui icon rules
/*.{{className}}:before {*/
  /*backface: none !important;*/
/*}*/

.{{className}}(@content: '') {
	&:before {
		content: @content;
	}
}

{% for icon in icons -%}

// {{icon.name}}
@{{className}}-{{icon.name}}-char: "\{{icon.code}}";
.{{className}}-{{icon.name}}-alias(@aliases, @_i: length(@aliases)) when (@_i > 0) {
	@alias: extract(@aliases, @_i);
	.{{className}}.@{alias}:before:extend(.{{className}}.{{icon.name}}:before) {}
  .{{className}}-{{icon.name}}-alias(@aliases, @_i - 1);
}

.{{className}}.{{icon.name}} {
	.{{className}}(@{{className}}-{{icon.name}}-char);
}

{% endfor %}

@import (optional) '../_iconAliases';