From 9c6bc389d4394b1dfc4ed6b99b2454aee29ce836 Mon Sep 17 00:00:00 2001 From: amzrk2 Date: Wed, 29 Jul 2020 16:45:58 +0800 Subject: Switch icons to iconfont --- assets/scss/_fuji-style/_components.scss | 2 +- assets/scss/fuji.scss | 3 ++ assets/scss/iconfont.css | 57 ++++++++++++++++++++++++++++++++ 3 files changed, 61 insertions(+), 1 deletion(-) create mode 100644 assets/scss/iconfont.css (limited to 'assets/scss') diff --git a/assets/scss/_fuji-style/_components.scss b/assets/scss/_fuji-style/_components.scss index 88af65a..429d869 100644 --- a/assets/scss/_fuji-style/_components.scss +++ b/assets/scss/_fuji-style/_components.scss @@ -24,7 +24,7 @@ &:last-child { border-radius: 0 0 0.25rem 0.25rem; - font-size: 1.5rem; + font-size: 1.3rem; } } } diff --git a/assets/scss/fuji.scss b/assets/scss/fuji.scss index b5538e6..5a98ebd 100644 --- a/assets/scss/fuji.scss +++ b/assets/scss/fuji.scss @@ -12,6 +12,9 @@ @import '_primer/markdown/index.scss'; // markdown parsing system @import '_primer/utilities/layout.scss'; // float and clearfix +// iconfont +@import 'iconfont.css'; + // style @import '_fuji-style/_header'; @import '_fuji-style/_content'; diff --git a/assets/scss/iconfont.css b/assets/scss/iconfont.css new file mode 100644 index 0000000..0ced370 --- /dev/null +++ b/assets/scss/iconfont.css @@ -0,0 +1,57 @@ +@font-face { + font-family: 'iconfont'; + src: url('../iconfont/iconfont.woff2') format('woff2'), url('../iconfont/iconfont.woff') format('woff'), + url('../iconfont/iconfont.ttf') format('truetype'); +} + +.iconfont { + font-family: 'iconfont' !important; + font-size: inherit; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-chevron-back-circle-sharp:before { + content: '\e608'; +} + +.icon-caret-back-circle-sharp:before { + content: '\e609'; +} + +.icon-chevron-forward-circle-sharp:before { + content: '\e60a'; +} + +.icon-caret-forward-circle-sharp:before { + content: '\e60b'; +} + +.icon-today-sharp:before { + content: '\e607'; +} + +.icon-chevron-up-circle-sharp:before { + content: '\e606'; +} + +.icon-contrast-sharp:before { + content: '\e601'; +} + +.icon-file-tray-sharp:before { + content: '\e602'; +} + +.icon-pricetags-sharp:before { + content: '\e603'; +} + +.icon-chatbox-ellipses-sharp:before { + content: '\e604'; +} + +.icon-time-sharp:before { + content: '\e605'; +} -- cgit v1.2.3