CartoAssets/icon-font/template.jst.ejs

44 lines
1.1 KiB
Plaintext

// Icon font elements
// ----------------------------------------------
@font-face {
font-family: 'CartoIcon';
src: url('../fonts/cartoIcon.eot');
src: url('../fonts/cartoIcon.eot?#iefix') format('embedded-opentype'),
url('../fonts/cartoIcon.woff') format('woff'),
url('../fonts/cartoIcon.ttf') format('truetype'),
url('../fonts/cartoIcon.svg?ey3vsq#cartoIcon') format('svg');
font-weight: normal;
font-style: normal;
}
.IconFont {
display: inline-block;
font-family: 'CartoIcon';
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
}
/* SG
# Typography/Icon font
All available icons in CartoDB.
```
<% _.each(glyphs, function(glyph) { %>
<div class="box">
<i class="IconFont IconFont-<%= glyph.fileName.split("_")[2] %> Size-large"></i>
<h4 class="Text Size-small"><%= glyph.fileName.split("_")[2] %></h4>
</div>
<% }); %>
```
*/
<% _.each(glyphs, function(glyph) { %>
.IconFont-<%= glyph.fileName.split("_")[2] %>::before {
content: '\<%= glyph.codePoint %>';
}
<% }); %>