UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36

Steps to reproduce the problem:
1. open https://output.jsbin.com/dupuyib
2. inspect 'body'

What is the expected behavior?
it should be easier to find out the value of:

env(safe-area-inset-top)

What went wrong?
I have to dig into the computed properties to find out this value.

It's not quite as bad with custom properties, but I think it could also be made easier with these too.

Note that env() values can change easily, so it should be easy to be able to check their value. Since env() values can be assigned to custom properties, they also need to be made more obvious.

Did this work before? N/A 

Chrome version: 70.0.3538.67  Channel: n/a
OS Version: 
Flash Version: 

Note that this is one of the few things that safari's dev tools gets right...it's very easy to see the value of these variables.