zhao/heti
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: support CJK & ANS spacing (#12)

Browse source
This commit is contained in:
Sivan 2020-02-21 01:49:22 +08:00
parent 898d2de3d8
commit aebe2137b0
25 changed files with 1420 additions and 335 deletions
Download patch file Download diff file Expand all files Collapse all files

27
lib/_inline.scss
View file

@ -87,7 +87,7 @@
rt {
font-size: 0.875em;
color: rgba(0, 0, 0, 0.88);
font-weight: $font-weight-normal;
}
// 完美 <small> 字号 by Sivan
@ -111,6 +111,7 @@
margin-inline-end: 0.25em;
font-size: 0.75em;
font-family: $font-family-hei;
font-style: normal;
line-height: 1;
vertical-align: baseline;
}
@ -121,6 +122,11 @@
sup {
top: -0.5em;
&:target,
a:target {
background-color: #def;
}
}
summary {
@ -155,7 +161,16 @@
}
}
// 为所有加划线的元素增加缝隙
// 为带划线的元素添加间距，以防止视觉上混为一个元素
// 注: 如果设成为两个相连元素添加间距，会有一个问题：
// 如果结构是 `<u>倚天</u>和<u>屠龙</u>`，「屠龙」前面仍然会有边距。
// 此处跟预期不一致，应该只在两个同名元素紧邻时增加边距，即：`<u>倚天剑</u><u>屠龙刀</u>`
//@each $tag in (abbr[title], del, ins, s, u) {
// #{$tag} + #{$tag} {
// margin-inline-start: 0.125em;
// }
//}
// 因此采用下面的形式，为所有加划线的元素增加缝隙
abbr[title],
del,
ins,
@ -164,12 +179,4 @@
margin-inline-start: 1px;
margin-inline-end: 1px;
}
// 带边框的元素，两个相连时添加间距，以防止视觉上混为一个元素
// @todo: 此处有一个问题：如果结构是 <u>倚天</u>和<u>屠龙</u>，「屠龙」前面仍然会有边距。此处跟预期不一致，应该只在两个同名元素紧邻时增加边距，即：<u>倚天剑</u><u>屠龙刀</u>
//@each $tag in (abbr[title], del, ins, s, u) {
// #{$tag} + #{$tag} {
// margin-inline-start: 0.125em;
// }
//}
}