mirror of
https://github.com/tabler/tabler-icons.git
synced 2025-01-17 04:38:28 +01:00
ae5010311f
* fix: iconfont.scss added css charset utf-8 * fix: iconfont.scss added css charset utf-8 * fix: iconfont.scss moved charset utf-8 to the very beginning of the file According to w3 (https://www.w3.org/International/questions/qa-css-charset), the @charset declaration doesn't get the same treatment as CSS rules. It has to be an exact byte sequence, starting from the very first byte in the stylesheet.
53 lines
1.7 KiB
SCSS
53 lines
1.7 KiB
SCSS
@charset "UTF-8";
|
|
/*!
|
|
* Tabler Icons <%= v %> by tabler - https://tabler.io
|
|
* License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
|
|
*/
|
|
$ti-font-family: '<%= fileName %>' !default;
|
|
$ti-font-path: 'fonts' !default;
|
|
$ti-font-display: null !default;
|
|
$ti-prefix: 'ti' !default;
|
|
|
|
@font-face {
|
|
font-family: $ti-font-family;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: $ti-font-display;
|
|
src: url('#{$ti-font-path}/<%= fileName %>.eot');
|
|
src: url('#{$ti-font-path}/<%= fileName %>.eot?#iefix') format('embedded-opentype'),
|
|
url('#{$ti-font-path}/<%= fileName %>.woff2') format('woff2'),
|
|
url('#{$ti-font-path}/<%= fileName %>.woff') format('woff'),
|
|
url('#{$ti-font-path}/<%= fileName %>.ttf') format('truetype'),
|
|
url("#{$ti-font-path}/<%= fileName %>.svg\##{$ti-font-family}") format("svg");
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
@font-face {
|
|
font-family: $ti-font-family;
|
|
src: url("#{$ti-font-path}/<%= fileName %>.svg\##{$ti-font-family}") format("svg");
|
|
}
|
|
}
|
|
|
|
.#{$ti-prefix} {
|
|
font-family: $ti-font-family !important;
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
|
|
/* Better Font Rendering */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
@function unicode($str) {
|
|
@return unquote("\"")+unquote(str-insert($str, "\\", 1))+unquote("\"")
|
|
}
|
|
|
|
<% glyphs.forEach(function(glyph) { %>
|
|
$ti-icon-<%= glyph.name %>: unicode('<%= glyph.unicode[0].codePointAt(0).toString(16) %>');<% }); %>
|
|
|
|
<% glyphs.forEach(function(glyph) { %>
|
|
.#{$ti-prefix}-<%= glyph.name %>:before { content: $ti-icon-<%= glyph.name %>; }<% }); %>
|