Change Details

== Background/Goal At the moment, the [[ https://doc.wikimedia.org/codex/main/design-tokens/size.html | Size Codex demo ]] is representing just the `em` values. We need to represent `px` values too since designers always communicate with `px`. Both `em` and `px` should be represented in the demo. === User stories - As a designer I need to. understand the `px` representation of any `em` value. === Considerations ==== Development considerations === Acceptance criteria (or Done) [] Add `px` representation in the [[ https://doc.wikimedia.org/codex/main/design-tokens/size.html | Size Codex demo ]]

== Background/Goal At the moment, the [[ https://doc.wikimedia.org/codex/main/design-tokens/size.html | Size Codex demo ]] is representing just the `em` values. We need to represent `px` values too since designers always communicate with `px`. Both `em` and `px` should be represented in the demo. === User stories - As a designer I need to. understand the `px` representation of any `em` value. === References - [[ https://polaris.shopify.com/tokens/spacing | Shopify DS ]] represents both em and px values in the demo === Proposal Add a tag next to the `em` value explaining how many `px` are equivalent in design: {F36512015} === Acceptance criteria (or Done) [] Add `px` representation in the [[ https://doc.wikimedia.org/codex/main/design-tokens/size.html | Size Codex demo ]]

== Background/Goal At the moment, the [[ https://doc.wikimedia.org/codex/main/design-tokens/size.html | Size Codex demo ]] is representing just the `em` values. We need to represent `px` values too since designers always communicate with `px`. Both `em` and `px` should be represented in the demo. === User stories - As a designer I need to. understand the `px` representation of any `em` value. === ConsiderationsReferences ==== Development considerations- [[ https://polaris.shopify.com/tokens/spacing | Shopify DS ]] represents both em and px values in the demo === Proposal Add a tag next to the `em` value explaining how many `px` are equivalent in design: {F36512015} === Acceptance criteria (or Done) [] Add `px` representation in the [[ https://doc.wikimedia.org/codex/main/design-tokens/size.html | Size Codex demo ]]