search

ant-design / ant-design-mobile

Essential UI blocks for building mobile web apps.
https://mobile.ant.design
MIT License
11.5k stars 2.37k forks source link

更语义化的 font-size CSS 变量 #6560

Open guoyunhe opened 4 months ago

guoyunhe commented 4 months ago

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;
}
  1. 变种的数量有点多，这还是在移动端并没有考虑 h1-h6 的情况下
  2. 变量的命名缺乏语义，从字面上看不出来到底哪个变量是用在哪里
  3. 变量之间只有 1px 的差异，极不明显

希望能够适当减少变量的数量，并提供更加语义化的变量命名。