$webfont-icons: () !default;

$webfont-icons: map-merge($webfont-icons, (
	{{#each codepoints}}
		'{{@key}}': ('icons' '{{this}}'),
	{{/each}}
));

@mixin webfont-icon($name) {
	line-height: 1;

	$icon: map-get($webfont-icons, $name);
	&:before {
		font-family: nth($icon, 1) !important;
		font-style: normal;
		font-weight: normal !important;
		vertical-align: top;
		content: str-slice('\x', 1, 1) + nth($icon, 2);
	}
}

@mixin webfont-content($name) {
   $icon: map-get($webfont-icons, $name);
   content: str-slice('\x', 1, 1) + nth($icon, 2);
}

{{#each codepoints}}
${{@key}}: '{{toHex this}}';
{{/each}}