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 +++++++++++++++++++++++++++++++ gulpfile.js | 2 +- layouts/_default/archives.html | 8 ++--- layouts/_default/list.html | 8 ++--- layouts/_default/tag.html | 8 ++--- layouts/partials/comment-disqus.html | 2 +- layouts/partials/comment-disqusjs.html | 2 +- layouts/partials/comment-utterances.html | 2 +- layouts/partials/components.html | 4 +-- layouts/partials/head.html | 2 -- layouts/partials/post-meta.html | 2 +- static/assets/css/fuji.min.css | 2 +- static/assets/iconfont/iconfont.ttf | Bin 0 -> 2956 bytes static/assets/iconfont/iconfont.woff | Bin 0 -> 1700 bytes static/assets/iconfont/iconfont.woff2 | Bin 0 -> 1224 bytes 17 files changed, 81 insertions(+), 23 deletions(-) create mode 100644 assets/scss/iconfont.css create mode 100644 static/assets/iconfont/iconfont.ttf create mode 100644 static/assets/iconfont/iconfont.woff create mode 100644 static/assets/iconfont/iconfont.woff2 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'; +} diff --git a/gulpfile.js b/gulpfile.js index b45595c..d9e1d9d 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -48,7 +48,7 @@ function css() { src = src .pipe(sass({ includePaths: ['./node_modules'] }).on('error', sass.logError)) .pipe(postcss([autoprefixer()])) - .pipe(cleanCSS()); + .pipe(cleanCSS({ rebase: false })); if (env === 'development') { src = src.pipe(sourcemaps.write('.')); } diff --git a/layouts/_default/archives.html b/layouts/_default/archives.html index 42216b4..678a1db 100644 --- a/layouts/_default/archives.html +++ b/layouts/_default/archives.html @@ -25,12 +25,12 @@