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. === 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} | {F36512017} | | **Op.1**: using subtle blue | **Op.2**: using subtle green | === 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 Show an "Equivalent to 16px when the base font-size is 16px" as a tooltip when hovering the size token. === Acceptance criteria (or Done) [] Show px values as a tooltip when hovering over the size tokens

== 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} | {F36512017} | | **Op.1**: using subtle blue | **Op.2**: using subtle green |Show an "Equivalent to 16px when the base font-size is 16px" as a tooltip when hovering the size token. === Acceptance criteria (or Done) [] Add `px` representation in the [[ https://doc.wikimedia.org/codex/main/design-tokens/size.html | SShow px values as a tooltip when hovering over the size Codex demo ]]tokens