Skip to content

Improve and limit the usage of different small font sizes #1272

@carwack

Description

@carwack

Currently we have multiple small font sizes.

text: {
  '2xs': { fontSize: '0.6875rem' }, // 11px
  '3xs': { fontSize: '0.625rem' }, // 10px
  '4xs': { fontSize: '0.5625rem' }, // 9px
  '5xs': { fontSize: '0.5rem' }, // 8px
},

It would be ideal to limit those to maybe 2 different xssizes. But the code needs to be carefully checked before doing this to make sure we won't get any broke logic of the content structure.

For example if both the text and the additional text will have the same size after update. In some places, an icon can take away attention and look visually cumbersome next to small text.

Originally mentioned by @alexdln here.

Metadata

Metadata

Assignees

No one assigned

    Labels

    a11yRelated to accessibility and inclusionfrontFrontend, Design

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions