11 lines
583 B
CSS
11 lines
583 B
CSS
@layer mobile_app {
|
|
/* Use custom insets to account for floating navigation elements.
|
|
The mobile apps can inject their own inset value based on native elements on screen. */
|
|
:root {
|
|
--custom-safe-inset-top: var(--injected-safe-inset-top, env(safe-area-inset-top, 0px));
|
|
--custom-safe-inset-right: var(--injected-safe-inset-right, env(safe-area-inset-right, 0px));
|
|
--custom-safe-inset-bottom: var(--injected-safe-inset-bottom, env(safe-area-inset-bottom, 0px));
|
|
--custom-safe-inset-left: var(--injected-safe-inset-left, env(safe-area-inset-left, 0px));
|
|
}
|
|
}
|