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

Dev notes

  • font-sizes have to remain in ems for reasons given in T220671
  • @font-size-minerva-small as 14px equiv
  • @font-size-minerva-min as 13px equiv according to Design Style Guide

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

Izno moved this task from Backlog to Change CSS on the CSS board.Jan 2 2020, 4:19 PM
Restricted Application added a subscriber: Masumrezarock100. · View Herald TranscriptJan 2 2020, 4:19 PM
Volker_E updated the task description. (Show Details)Jul 28 2020, 4:36 AM