mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-22 22:48:29 +08:00
43abea3212
Using a completely different font for figures leads to inconsistencies: https://github.com/ant-design/ant-design/issues/9422. Most modern font systems defaults to [tabular figures](https://www.fonts.com/content/learning/fontology/level-3/numbers/proportional-vs-tabular-figures). One exception to this is Apple's San Francisco which defaults to [proportional figures](http://martiancraft.com/blog/2015/10/san-francisco-part-2/#special-features-numerals). There is, however, an official and clean way to switch to tabular figures. It's the [`font-variant` CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric) that can be set to `tabular-nums`. This commit removes the "Monospaced Number" font altogether and use `font-variant: tabular-nums` instead where it was used. It also moves closer to the sans-serif and monospace [system font stacks used by GitHub](http://markdotto.com/2018/02/07/github-system-fonts/).
14 lines
271 B
Plaintext
14 lines
271 B
Plaintext
@import '../themes/default';
|
|
|
|
.reset-component() {
|
|
font-family: @font-family;
|
|
font-size: @font-size-base;
|
|
font-variant: tabular-nums;
|
|
line-height: @line-height-base;
|
|
color: @text-color;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|