12345678910111213141516171819202122232425262728293031323334 |
- .wux-safe-area {
- --safe-area-inset-top: 44PX;
- --safe-area-inset-bottom: 34PX;
- --safe-area-multiple: 1;
- display: block;
- width: 100%;
- box-sizing: border-box
- }
- .wux-safe-area--position-top {
- padding-top: calc(var(--safe-area-inset-top) * var(--safe-area-multiple))
- }
- @supports (padding-top:constant(safe-area-inset-top)) {
- .wux-safe-area--position-top.wux-safe-area--supports {
- padding-top: calc(constant(safe-area-inset-top) * var(--safe-area-multiple))
- }
- }
- @supports (padding-top:env(safe-area-inset-top)) {
- .wux-safe-area--position-top.wux-safe-area--supports {
- padding-top: calc(env(safe-area-inset-top) * var(--safe-area-multiple))
- }
- }
- .wux-safe-area--position-bottom {
- padding-bottom: calc(var(--safe-area-inset-bottom) * var(--safe-area-multiple))
- }
- @supports (padding-bottom:constant(safe-area-inset-bottom)) {
- .wux-safe-area--position-bottom.wux-safe-area--supports {
- padding-bottom: calc(constant(safe-area-inset-bottom) * var(--safe-area-multiple))
- }
- }
- @supports (padding-bottom:env(safe-area-inset-bottom)) {
- .wux-safe-area--position-bottom.wux-safe-area--supports {
- padding-bottom: calc(env(safe-area-inset-bottom) * var(--safe-area-multiple))
- }
- }
|