Page MenuHomePhabricator

Make usage of Codex design tokens in Vue modules
Closed, ResolvedPublic

Description

Once T325237: Enable and document use of Codex design tokens within MediaWiki is completed it should be possible to start using design tokens from Codex as opposite of having our own copy of variables and many non-tokenized values. This should help dealing with font-size values and all properties that are relative to them (eg: margins, paddings, height of text blocks, etc.)

Affected modules:

  • ext.growthExperiments.Homepage.NewImpact
  • ext.growthExperiments.MentorDashboard
  • vue-components

Files importing vue-components/variables.less should replaced that import by resources/lib/codex-design-tokens/theme-wikimedia-ui.less and check all variables are present and the parsers does not fail.

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

Change 884476 had a related patch set uploaded (by Sergio Gimeno; author: Sergio Gimeno):

[mediawiki/extensions/GrowthExperiments@master] Use codex-design-tokens less variables

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

Sgs updated the task description. (Show Details)
Sgs moved this task from Triaged to Blocked on the Growth-Team board.
Sgs moved this task from Blocked to Sprint 0 (Growth Team) on the Growth-Team board.
Sgs edited projects, added Growth-Team (Sprint 0 (Growth Team)); removed Growth-Team.
Sgs moved this task from Incoming to Code Review on the Growth-Team (Sprint 0 (Growth Team)) board.

Change 884476 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Use codex-design-tokens less variables

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