Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

CSS Vars with no values

See original GitHub issue

I copied the stylesheet into my project and tweaked it a bit. I added the postcss-custom-properties-fallback plugin and set it up in my postcss config. When I refresh the page the css vars seem to have no values. If I add a dummy css property (see GIF) to the root’s direct child and remove it the css vars suddenly have values and I see the panel. I even tried to copy the css vars themselves from defaults.json. I’ve experienced this on Desktop Chrome and Android Chrome but IPhone Chrome/Safari works fine. 🤷🏻

bottom-panel

Issue Analytics

State:
Created 3 years ago
Comments:7 (4 by maintainers)

Top GitHub Comments

1reaction

stipsancommented, Dec 10, 2020

Ok glad it worked out in the end 👍

0reactions

yairhaimocommented, Dec 9, 2020

Unfortunately i have more than one snap point. I solved it with some css on my part that is good enough for me (something specific for my use case). I’ll keep in mind this solution for future uses. Thanks a lot for your time and quick response!