ant-design-mobile
ant-design-mobile copied to clipboard
更语义化的 font-size CSS 变量
Version of antd-mobile
5.33.0
What is this feature about?
目前的 font-size 相关的 CSS 变量是这样的:
:root {
--adm-font-size-1: 9px;
--adm-font-size-2: 10px;
--adm-font-size-3: 11px;
--adm-font-size-4: 12px;
--adm-font-size-5: 13px;
--adm-font-size-6: 14px;
--adm-font-size-7: 15px;
--adm-font-size-8: 16px;
--adm-font-size-9: 17px;
--adm-font-size-10: 18px;
}
- 变种的数量有点多,这还是在移动端并没有考虑 h1-h6 的情况下
- 变量的命名缺乏语义,从字面上看不出来到底哪个变量是用在哪里
- 变量之间只有 1px 的差异,极不明显
希望能够适当减少变量的数量,并提供更加语义化的变量命名。