84 lines
2.2 KiB
CSS
Executable File
84 lines
2.2 KiB
CSS
Executable File
@font-face {
|
|
font-family: "{{ fontName }}";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: auto;
|
|
{% if formats.indexOf('eot')>-1 -%}
|
|
src: url("{{ fontPath }}{{ fontName }}.eot");
|
|
{%- endif %}
|
|
{%- set eotIndex = formats.indexOf('eot') -%}
|
|
{%- set woff2Index = formats.indexOf('woff2') -%}
|
|
{%- set woffIndex = formats.indexOf('woff') -%}
|
|
{%- set ttfIndex = formats.indexOf('ttf') -%}
|
|
{%- set svgIndex = formats.indexOf('svg') %}
|
|
src: {% if eotIndex != -1 -%}
|
|
url("{{ fontPath }}{{ fontName }}.eot?#iefix") format("embedded-opentype")
|
|
{%- set nothing = formats.splice(eotIndex, 1) -%}
|
|
{%- if formats.length != 0 -%}, {% else -%}; {% endif -%}
|
|
{%- endif -%}
|
|
{%- if woff2Index != -1 -%}
|
|
url("{{ fontPath }}{{ fontName }}.woff2") format("woff2")
|
|
{%- set nothing = formats.splice(woff2Index, 1) -%}
|
|
{%- if formats.length != 0 -%}, {% else -%}; {% endif -%}
|
|
{%- endif -%}
|
|
{%- if woffIndex != -1 -%}
|
|
url("{{ fontPath }}{{ fontName }}.woff") format("woff")
|
|
{%- set nothing = formats.splice(woffIndex, 1) -%}
|
|
{%- if formats.length != 0 -%}, {% else -%}; {% endif -%}
|
|
{%- endif -%}
|
|
{%- if ttfIndex != -1 -%}
|
|
url("{{ fontPath }}{{ fontName }}.ttf") format("truetype");
|
|
{%- set nothing = formats.splice(ttfIndex, 1) -%}
|
|
{%- endif -%}
|
|
}
|
|
|
|
|
|
[class^="{{ className }}"]:before,
|
|
[class*=" {{ className }}"]:before {
|
|
display: inline-block;
|
|
font-family: {{ fontName }};
|
|
font-style: normal;
|
|
font-size: inherit;
|
|
text-decoration: inherit;
|
|
text-rendering: auto;
|
|
text-transform: none;
|
|
vertical-align: middle;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
speak: none;
|
|
}
|
|
|
|
|
|
.{{ className }}-fw {
|
|
text-align: center;
|
|
width: 1.25em;
|
|
}
|
|
|
|
.{{ className }}-border {
|
|
border: solid 0.08em #eee;
|
|
border-radius: 0.1em;
|
|
padding: 0.2em 0.25em 0.15em;
|
|
}
|
|
|
|
.{{ className }}-pull-left {
|
|
float: left;
|
|
}
|
|
|
|
.{{ className }}-pull-right {
|
|
float: right;
|
|
}
|
|
|
|
.{{ className }}.{{ className }}-pull-left {
|
|
margin-right: 0.3em;
|
|
}
|
|
|
|
.{{ className }}.{{ className }}-pull-right {
|
|
margin-left: 0.3em;
|
|
}
|
|
|
|
{% for glyph in glyphs %}
|
|
.{{ className }}-{{ glyph.name }}::before {
|
|
content: "\{{ glyph.unicode[0].charCodeAt(0).toString(16) }}";
|
|
}
|
|
{% endfor %}
|