Page MenuHomePhabricator

Apply consistent small font-sizes in MobileFrontend/MinervaNeue
Open, Needs TriagePublic

Description

Coming from Use of styles on Design Style Guide and T229399/MN patch 526737 MinervaNeue features a number of small font-sizes instead of following a clear structure:

  • 0.9em equivalent to 14.4px
  • 0.875em (.hliist, license) equivalent to 14px
  • 0.85em (tagline) equivalent to 13.6px
  • 0.8em (hatnote) equivalent to 12.8px
  • 0.75em (sup) equivalent to 12px
  • 0.7em (.max loggedin styles) equivalent to 11px
  • 90% (infobox) equivalent to 14.4px

Let's keep in mind that from accessibility perspective, a minimum of 12px is the absolute smallest font size.

Expected result

  • Using only variables for consistent (small) font size output
  • Combining currently used ones into one of the variables

Open questions

2 or 3 vars? @alexhollender ?

  • @font-size-minerva-small as 14px equiv
  • @font-size-minerva-min as 12px equiv

Also, should we rather consider rather 13px as smallest similar to Design Style Guide?

Dev notes

font-sizes have to remain in ems for reasons given in T220671

Details

Related Gerrit Patches:
mediawiki/skins/MinervaNeue : masterUse consistent small font sizes

Event Timeline

Volker_E created this task.Aug 1 2019, 10:59 AM

Change 538710 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/skins/MinervaNeue@master] Use consistent small font sizes

https://gerrit.wikimedia.org/r/538710

Change 538710 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Use consistent small font sizes

https://gerrit.wikimedia.org/r/538710