Change Details

Once {T325237} 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 | Affected files | | ext.growthExperiments.Homepage.NewImpact| *.{vue,less} | | ext.growthExperiments.MentorDashboard| *.{vue,less} | | vue-components | *.{vue,less} |

Once {T325237} 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.

Once {T325237} 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 | Affected files |les: | - ext.growthExperiments.Homepage.NewImpact| *.{vue,less} | | - ext.growthExperiments.MentorDashboard| *.{vue,less} | | vue-components | *.{vue,less} | - 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.