aboutsummaryrefslogtreecommitdiff
path: root/.build/iconfont.scss
diff options
context:
space:
mode:
authorcodecalm <codecalm@gmail.com>2020-03-23 20:28:34 +0100
committercodecalm <codecalm@gmail.com>2020-03-23 20:28:34 +0100
commit74f543bf04e7986008bf91aae4d59eda2429790a (patch)
tree20342bd0695b7264137a52f8fbed1220c599c54a /.build/iconfont.scss
parentdiamond icon (diff)
downloadtabler-icons-74f543bf04e7986008bf91aae4d59eda2429790a.tar.xz
iconfont generator
Diffstat (limited to '.build/iconfont.scss')
-rw-r--r--.build/iconfont.scss40
1 files changed, 40 insertions, 0 deletions
diff --git a/.build/iconfont.scss b/.build/iconfont.scss
new file mode 100644
index 00000000..97c21d4e
--- /dev/null
+++ b/.build/iconfont.scss
@@ -0,0 +1,40 @@
+/*!
+ * 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-icon-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');
+}
+
+.#{$ti-icon-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;
+}
+
+<% glyphs.forEach(function(glyph) { %>
+$ti-icon-<%= glyph.name %>: '\<%= glyph.unicode[0].codePointAt(0).toString(16) %>';<% }); %>
+
+<% glyphs.forEach(function(glyph) { %>
+.#{$ti-icon-prefix}-<%= glyph.name %>:before { content: $ti-icon-<%= glyph.name %>; }<% }); %>