ant-design-mobile icon indicating copy to clipboard operation
ant-design-mobile copied to clipboard

更语义化的 font-size CSS 变量

Open guoyunhe opened this issue 11 months ago • 0 comments

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 的差异,极不明显

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

guoyunhe avatar Mar 01 '24 09:03 guoyunhe