blog/assets/sass/_iconfont.scss
2022-03-11 10:32:10 +05:30

200 lines
3.4 KiB
SCSS

// ==============================
// Iconfont
// ==============================
@font-face {
font-family: 'iconfont';
src: url('../fonts/iconfont/iconfont.eot');
src: url('../fonts/iconfont/iconfont.eot#iefix') format('embedded-opentype'), // not '?#iefix', because webpack will add '?hash=[hash]'
url('../fonts/iconfont/iconfont.woff') format('woff'),
url('../fonts/iconfont/iconfont.ttf') format('truetype'),
url('../fonts/iconfont/iconfont.svg#iconfont') format('svg');
font-display: swap;
}
%base-iconfont {
font-family: "iconfont" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-text-stroke-width: 0.2px;
cursor: pointer;
/* Enable Ligatures ================ */
letter-spacing: 0;
font-feature-settings: "liga";
font-variant-ligatures: discretionary-ligatures;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconfont {
@extend %base-iconfont;
}
/* Social Icon */
.icon-bilibili:before {
content: "\e900";
font-size: .9em;
position: relative;
top: -4px;
}
.icon-instagram:before {
font-size: .95em;
content: "\e611";
position: relative;
top: 1px;
}
.icon-douban:before {
content: "\e610";
position: relative;
top: 2px;
}
.icon-tumblr:before {
content: "\e69f";
font-size: .85em;
position: relative;
top: -2px;
}
.icon-linkedin:before {
content: "\e60d";
position: relative;
top: -2px;
}
.icon-twitter:before {
content: "\e600";
}
.icon-weibo:before {
content: "\e602";
position: relative;
top: 2px;
}
.icon-stack-overflow:before {
content: "\e902";
font-size: .85em;
position: relative;
top: -4px;
}
.icon-email:before {
content: "\e605";
position: relative;
top: -2px;
}
.icon-facebook:before {
content: "\e601";
font-size: .95em;
position: relative;
top: -2px;
}
.icon-gitlab:before {
content: "\e901";
font-size: .9em;
position: relative;
top: -4px;
}
.icon-github:before {
content: "\e606";
position: relative;
top: -1px;
}
.icon-rss:before {
content: "\e604";
}
.icon-google:before {
content: "\e609";
position: relative;
top: 2px;
}
.icon-zhihu:before {
content: "\e607";
font-size: .9em;
}
.icon-pocket:before {
content: "\e856";
position: relative;
top: 2px;
}
.inline-svg:before {
display: inline-block;
height: 1.15rem;
width: 1.15rem;
top: 0.15rem;
position: relative;
}
/* Generic Icon */
.icon-heart:before {
content: "\e608";
}
.icon-right:before {
content: "\e60a";
}
.icon-left:before {
content: "\e60b";
}
.icon-up:before {
content: "\e60c";
}
.icon-close:before {
content: "\e60f";
}
.icon-link:before {
content: "\e909";
}
/* Admonition Icon */
/*
.icon-chevron-down:before {
content: "\e908";
}
.icon-format-quote:before {
content: "\e904";
}
.icon-pencil:before {
content: "\e903";
}
.icon-list-numbered:before {
content: "\e9b9";
}
.icon-list:before {
content: "\e9bb";
}
.icon-warning:before {
content: "\ea07";
}
.icon-question:before {
content: "\ea09";
}
.icon-info:before {
content: "\ea0c";
}
.icon-cross:before {
content: "\ea0f";
}
.icon-checkmark:before {
content: "\ea10";
}
.icon-fire:before {
content: "\e905";
}
.icon-danger:before {
content: "\e905";
}
.icon-flame:before {
content: "\e905";
}
.icon-hot:before {
content: "\e905";
}
.icon-bulb:before {
content: "\e906";
}
*/