index.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334
  1. .wux-safe-area {
  2. --safe-area-inset-top: 44PX;
  3. --safe-area-inset-bottom: 34PX;
  4. --safe-area-multiple: 1;
  5. display: block;
  6. width: 100%;
  7. box-sizing: border-box
  8. }
  9. .wux-safe-area--position-top {
  10. padding-top: calc(var(--safe-area-inset-top) * var(--safe-area-multiple))
  11. }
  12. @supports (padding-top:constant(safe-area-inset-top)) {
  13. .wux-safe-area--position-top.wux-safe-area--supports {
  14. padding-top: calc(constant(safe-area-inset-top) * var(--safe-area-multiple))
  15. }
  16. }
  17. @supports (padding-top:env(safe-area-inset-top)) {
  18. .wux-safe-area--position-top.wux-safe-area--supports {
  19. padding-top: calc(env(safe-area-inset-top) * var(--safe-area-multiple))
  20. }
  21. }
  22. .wux-safe-area--position-bottom {
  23. padding-bottom: calc(var(--safe-area-inset-bottom) * var(--safe-area-multiple))
  24. }
  25. @supports (padding-bottom:constant(safe-area-inset-bottom)) {
  26. .wux-safe-area--position-bottom.wux-safe-area--supports {
  27. padding-bottom: calc(constant(safe-area-inset-bottom) * var(--safe-area-multiple))
  28. }
  29. }
  30. @supports (padding-bottom:env(safe-area-inset-bottom)) {
  31. .wux-safe-area--position-bottom.wux-safe-area--supports {
  32. padding-bottom: calc(env(safe-area-inset-bottom) * var(--safe-area-multiple))
  33. }
  34. }