Adrien Maston
14 lines
610 B
CSS
14 lines
610 B
CSS
@layer native {
|
|
[data-platform~=native] {
|
|
/* The mobile apps may inject their own custom insets based on native elements on screen, like a floating navigation */
|
|
--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));
|
|
|
|
.hide-on-native {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|