I am considering implementing the use of the min()
and max()
functions in my project. I'm curious about the current browser support as of 2018. Do you think it is necessary to include the @supports
at-rule?
For example, I could write:
.px-4-safe {
padding-left: max(1rem, env(safe-area-inset-left));
padding-right: max(1rem, env(safe-area-inset-right));
}
Instead of:
.px-4-safe {
padding-left: 1rem;
padding-right: 1rem;
}
@supports (padding: max(0px)) {
.px-4-safe {
padding-left: max(1rem, env(safe-area-inset-left));
padding-right: max(1rem, env(safe-area-inset-right));
}
}