search

Workday / canvas-tokens

Canvas design token infrastructure
https://workday.github.io/canvas-tokens/
Other
4 stars 5 forks source link

CSS Variables not supported in media queries for breakpoint tokens #121

Closed josh-bagwell closed 1 week ago

josh-bagwell commented 3 months ago

🐛 Bug Report

Expected Behavior

Breakpoint tokens currently do not work as intended.

This is due to css variables not being supported inside of media queries currently.

The below will not work:

[`@media screen and (max-width: ${cssVar(system.breakpoints.m)})`]: {}

But this will:

[`@media screen and (max-width: 48rem)`]: {}

Actual Behavior

What ends up happening is the value for the breakpoint is not used since css variables are not supported by media queries.

RayRedGoose commented 3 months ago

Value should be in px

RayRedGoose commented 1 week ago

close with #124