heti/lib/modifiers/font-stack.scss
2020-02-20 21:37:10 +08:00

60 lines
1,017 B
SCSS

// Author: Sivan [sun.sivan@gmail.com]
// Description: define global font stacks.
@import "../variables";
@mixin hetiFontModifier {
// 定义默认采用无衬线字体
// 定义无衬线字体为黑体
&,
&--sans {
font-family: $font-family-hei;
}
// 定义衬线字体为宋体
&--serif {
font-family: $font-family-song;
}
// 定义传统字体
&--classic {
// 正文使用宋体
font-family: $font-family-song;
// 标题使用楷体 800 字重
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: $font-family-kai-black;
font-weight: $font-weight-bolder;
}
// 引用使用楷体
blockquote,
cite,
q {
font-family: $font-family-kai;
}
// 说明文字、表头使用黑体
figcaption,
caption,
th {
font-family: $font-family-hei;
}
}
&--hei {
font-family: $font-family-hei;
}
&--song {
font-family: $font-family-song;
}
&--kai {
font-family: $font-family-kai;
}
}