From 74f543bf04e7986008bf91aae4d59eda2429790a Mon Sep 17 00:00:00 2001 From: codecalm Date: Mon, 23 Mar 2020 20:28:34 +0100 Subject: iconfont generator --- .build/iconfont.html | 117 +++++++++++++++++++++++++++++++++++++++++++++++++++ .build/iconfont.scss | 40 ++++++++++++++++++ 2 files changed, 157 insertions(+) create mode 100644 .build/iconfont.html create mode 100644 .build/iconfont.scss (limited to '.build') diff --git a/.build/iconfont.html b/.build/iconfont.html new file mode 100644 index 0000000..a61a6ad --- /dev/null +++ b/.build/iconfont.html @@ -0,0 +1,117 @@ + + + + + + + Tabler Icons - version <%= v %> + + + + + + + +
+
+

+ Tabler Icons +

+

version <%= v %>

+
+ +
+
+ <% glyphs.forEach(function(glyph) { %> +
+ + <%= glyph.name %> +
+ ti ti-<%= glyph.name %>
+ \<%= glyph.unicode[0].codePointAt(0).toString(16) %> +
+
+ <% }) %> +
+
+
+ + + + diff --git a/.build/iconfont.scss b/.build/iconfont.scss new file mode 100644 index 0000000..97c21d4 --- /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 %>; }<% }); %> -- cgit v1.2.1