aboutsummaryrefslogtreecommitdiff
path: root/build/iconfont.scss
diff options
context:
space:
mode:
authorcodecalm <codecalm@gmail.com>2022-07-09 17:03:12 +0200
committercodecalm <codecalm@gmail.com>2022-07-09 17:03:12 +0200
commit036d995c77bd8f4df746bd10efb5a0ac45409231 (patch)
tree733bd5675b14a454cc28735b0afe2cbbd2640a1b /build/iconfont.scss
parentRelease 1.72.0 (diff)
downloadtabler-icons-036d995c77bd8f4df746bd10efb5a0ac45409231.tar.xz
new build processdev-react
Diffstat (limited to 'build/iconfont.scss')
-rw-r--r--build/iconfont.scss51
1 files changed, 51 insertions, 0 deletions
diff --git a/build/iconfont.scss b/build/iconfont.scss
new file mode 100644
index 00000000..c74e1a7e
--- /dev/null
+++ b/build/iconfont.scss
@@ -0,0 +1,51 @@
+/*!
+ * 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 %>; }<% }); %>