CSS Environment Variables

We were all introduced to the env() function in CSS when all that drama about “The Notch" and the iPhone X was going down. The way that Apple landed on helping us move content away from those "unsafe" areas was to provide us essentially hard-coded variables to use:
padding:
env(safe-area-inset-top)
env(safe-area-inset-right)
env(safe-area-inset-bottom)
env(safe-area-inset-left);
Uh ok! Weird! Now, nine months later, an "Unofficial Proposal Draft" for env() has landed. This is how specs work, as I understand it. Sometimes browser vendors …
The post CSS Environment Variables appeared first on CSS-Tricks.

Link: https://css-tricks.com/css-environment-variables/