// This file was generated by 'make icons' command.

{{cssToVars}}
@font-face {
	font-family: "{{fontname}}";
	src: url("#{$icons-path}{{fontname}}.woff2?t={{timestamp}}") format("woff2"),
	url("#{$icons-path}{{cssPath}}{{fontname}}.woff?t={{timestamp}}") format("woff"),
	url('#{$icons-path}{{cssPath}}{{fontname}}.ttf?t={{timestamp}}') format('truetype'),
	url('#{$icons-path}{{cssPath}}{{fontname}}.svg?t={{timestamp}}#{{fontname}}') format('svg');
}

%icons-font {
	font-family: '{{fontname}}';
	font-size: {{fontSize}};
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

%icon-position {
	position: relative;
	display: inline-flex;
	align-items: center;
	vertical-align: top;

	&:empty {
		justify-content: center;
	}
}

[class^="{{prefix}}-"], [class*=" {{prefix}}-"] {
	&::before {
		@extend %icons-font;
	}
}

{{cssString}}
