feat: update BEM naming
This commit is contained in:
parent
f65382b12a
commit
d0488130ae
18 changed files with 297 additions and 216 deletions
55
lib/modifiers/font-stack.scss
Normal file
55
lib/modifiers/font-stack.scss
Normal file
|
@ -0,0 +1,55 @@
|
|||
/*
|
||||
* 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-weight: $font-weight-bolder;
|
||||
}
|
||||
|
||||
// 标题、引用使用楷体
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
blockquote,
|
||||
cite,
|
||||
q {
|
||||
font-family: $font-family-kai;
|
||||
}
|
||||
|
||||
// 说明文字、表头使用黑体
|
||||
figcaption,
|
||||
caption,
|
||||
th {
|
||||
font-family: $font-family-hei;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue