Change Details

#####Problem The layout and component spacing of the different views and elements of the Mismatch Finder app were defined using `$dimension-layout` and `$dimension-spacing` WiKit tokens, which consume values in `rem` and `em` respectively. We need to replace these legacy styles, but the new Wikimedia design system (Codex) doesn't include equivalent tokens with these same units of measurement, which we prefer to use due to consistent scaling/accessibility and predictability reasons. Instead, it provides only spacing tokens in `px`. #####Solution In order to unblock the migration project, we'll need to create a set of reusable, less spacing variables to replace existing WiKit `$dimension-layout` and `$dimension-spacing` tokens. #####Acceptance criteria [] WiKit layout and spacing tokens used to style the Mismatch Finder app are replaced by custom variables

#####Problem The layout and component spacing of the different views and elements of the Mismatch Finder app were defined using `$dimension-layout` and `$dimension-spacing` WiKit tokens, which consume values in `rem` and `em` respectively. We need to replace these legacy styles, but the new Wikimedia design system (Codex) doesn't include equivalent tokens that consume the same units of measurement, which we prefer to use due to consistent scaling/accessibility and predictability reasons. Instead, it provides only spacing tokens in `px`. #####Solution In order to unblock the migration project, we'll need to create a set of reusable spacing variables to replace existing WiKit `$dimension-layout` and `$dimension-spacing` tokens. The layout spacing of Mismatch Finder (in all the main page, header and footer) should not change as a consequence of this replacement. #####Considerations These custom variables will also be needed when we migrate Query Builder and Special:NewLexeme. It would be worth considering if they can be made reusable. #####Acceptance criteria [] WiKit layout and spacing tokens used to style the Mismatch Finder app are replaced by custom variables [] Current layout and spacing values remain unaltered after the replacement

#####Problem The layout and component spacing of the different views and elements of the Mismatch Finder app were defined using `$dimension-layout` and `$dimension-spacing` WiKit tokens, which consume values in `rem` and `em` respectively. We need to replace these legacy styles, but the new Wikimedia design system (Codex) doesn't include equivalent tokens with thesethat consume the same units of measurement, which we prefer to use due to consistent scaling/accessibility and predictability reasons. Instead, it provides only spacing tokens in `px`. #####Solution In order to unblock the migration project, we'll need to create a set of reusable, spacing variables to replace existing WiKit `$dimension-layout` and `$dimension-spacing` tokens. The layout spacing of Mismatch Finder (in all the main page, header and footer) should not change as a consequence of this replacement. #####Considerations These custom variables will also be needed when we migrate Query Builder and Special:NewLexeme. less spacing variables to replace existIt would be worth considering WiKit `$dimension-layout` and `$dimension-spacing` tokensif they can be made reusable. #####Acceptance criteria [] WiKit layout and spacing tokens used to style the Mismatch Finder app are replaced by custom variables [] Current layout and spacing values remain unaltered after the replacement