Change Details

== Background While the Less compiler allows to negate a Less var independently of the contents, CSS custom properties don't work that way. With the introduction of {T387778}, the `@size-icon-*` and `@font-size-*` token values are changing to feature custom properties. - `-@size` [[ https://codesearch-beta.wmcloud.org/search/?q=-%40size&files=&excludeFiles=&repos= | CodeSearch ]] - `@font-size` isn't used with negations, no occurrences of `-@font-size` == Goal Replace negations with `calc( -1 * @design-token-name )` == Acceptance criteria [] All cases of negation are replaced

== Background While the Less compiler allows to negate a Less var independently of the contents, CSS custom properties don't work that way. With the introduction of {T387778}, the `@size-icon-*` and `@font-size-*` token values are changing to feature custom properties. - `-@size` [[ https://codesearch-beta.wmcloud.org/search/?q=-%40size&files=&excludeFiles=&repos= | CodeSearch ]] - `@font-size` isn't used with negations, no occurrences of `-@font-size` == Goal Replace negations with `calc( -1 * @design-token-name )` == Acceptance criteria [x] All cases of negation are replaced

== Background While the Less compiler allows to negate a Less var independently of the contents, CSS custom properties don't work that way. With the introduction of {T387778}, the `@size-icon-*` and `@font-size-*` token values are changing to feature custom properties. - `-@size` [[ https://codesearch-beta.wmcloud.org/search/?q=-%40size&files=&excludeFiles=&repos= | CodeSearch ]] - `@font-size` isn't used with negations, no occurrences of `-@font-size` == Goal Replace negations with `calc( -1 * @design-token-name )` == Acceptance criteria [x] All cases of negation are replaced