Quiero pasar la variable css a mi consulta de medios, pero no sé cómo.
Es un proyecto Next.Js, y uso la propiedad sx theme-ui para asignar estilo.
const styles = { headerLinkContainer: { width: '500px', justifyContent: 'space-evenly', alignItems: 'center', "@media screen and (min-width: var(--medium-devices))": { display: 'none', } }, } "@media screen and (min-width: 'var(--medium-devices)')" pero no funciona.
¿Pueden ayudarme chicos?
No puede usar consultas de medios en js. La mejor solución es esta:
if (window.matchMedia("(min-width: 600px)").matches) { }