template.css

/* Generated by grunt-webfont */

.<%= baseClass %>.<%= classPrefix %>icon-rotate_90 {
    transform: rotate(90deg);
}

.<%= baseClass %>.<%= classPrefix %>icon-rotate_180 {
    transform: rotate(180deg);
}

.<%= baseClass %>.<%= classPrefix %>icon-rotate_270 {
    transform: rotate(270deg);
}

.<%= classPrefix %>spin {
    -webkit-animation: <%= classPrefix %>spin 2s infinite linear;
    animation: <%= classPrefix %>spin 2s infinite linear;
}

.<%= classPrefix %>pulse {
    -webkit-animation: <%= classPrefix %>spin 1s infinite steps(8);
    animation: <%= classPrefix %>spin 1s infinite steps(8);
}

@-webkit-keyframes <%= classPrefix %>spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes <%= classPrefix %>spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


<% if (stylesheet === 'less') { %>
    @mc-icons-font-path: "../fonts";
<% } else if (stylesheet === 'scss') { %>
    $mc-icons-font-path: "../fonts" !default;
<% } %>

<% if (fontfaceStyles) { %>
<% if (fontSrc1 && embed.length) { %>
@font-face {
	font-family:"<%= fontFamilyName %>";
	src:<%= fontSrc1 %>;
	font-weight:normal;
	font-style:normal;
}
<% } %>@font-face {
	font-family:"<%= fontFamilyName %>";
	<% if (stylesheet === 'less') { %>
		src: url('@{mc-icons-font-path}/mc-icons.woff') format("woff");
	<% } else if (stylesheet === 'scss') { %>
		src: url($mc-icons-font-path + '/mc-icons.woff') format("woff");
	<% } else { %>
		src: url('../fonts/mc-icons.woff') format("woff");
	<% } %>
	font-weight:normal;
	font-style:normal;
}
<% } %>
<% if (baseStyles) { %>.<%= baseClass %><% if (addLigatures) { %>,
.ligature-icons<% } %> {
	<% if (stylesheet === 'less') { %>&:before {<% } %>
		font-family:"<%= fontFamilyName %>";
	<% if (stylesheet === 'less') { %>}<% } %>
	display:inline-block;
	vertical-align:middle;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	speak:none;
	text-decoration:inherit;
	text-transform:none;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:rotate(0.001deg);
}
<% } %>

<% if (iconsStyles) { %>/* Icons */<% for (var glyphIdx = 0; glyphIdx < glyphs.length; glyphIdx++) { %>
<% if (stylesheet === 'less' || stylesheet === 'scss' || stylesheet === 'css'){ %>
<% var fontSize = glyphs[glyphIdx].split('_')[1]; %>
.<%= classPrefix %><%= glyphs[glyphIdx] %> {
<% if (fontSize) { %>font-size: <%= fontSize %>px;<% } %>
<% if (stylesheet === 'less' || stylesheet === 'scss'){ %>
		&:before {
			content:"<% if (addLigatures) { %><%= glyphs[glyphIdx] %><% } else { %>\<%= codepoints[glyphIdx] %><% } %>";
		}<% if (ie7) {%>
		*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#x<%= codepoints[glyphIdx] %>;');
		<% } %>
	<% } %>
	<% if (stylesheet === 'css'){ %>
		}
		.<%= classPrefix %><%= glyphs[glyphIdx] %>:before {
			content:"<% if (addLigatures) { %><%= glyphs[glyphIdx] %><% } else { %>\<%= codepoints[glyphIdx] %><% } %>";
		<% if (ie7) {%>
		*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#x<%= codepoints[glyphIdx] %>;');
		<% } %>
	<% } %>
}
<% } else { %>
<% if (ie7) {%>.<%= classPrefix %><%= glyphs[glyphIdx] %> {
	*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#x<%= codepoints[glyphIdx] %>;');
}
<% } %>
.<%= classPrefix %><%= glyphs[glyphIdx] %>:before {
	content:"<% if (addLigatures) { %><%= glyphs[glyphIdx] %><% } else { %>\<%= codepoints[glyphIdx] %><% } %>";
}<% } } } %>