web2app-spa/index.css

This template is primarily designed to easily convert HTML pages and URLs into a Capacitor/Cordova based iOS/Android app that can be used as Single-page application (SPA).

/* app.getSafeAreaOuterSpaces() */
:root {
    --sat: env(safe-area-inset-top, 0px);
    --sar: env(safe-area-inset-right, 0px);
    --sab: env(safe-area-inset-bottom, 0px);
    --sal: env(safe-area-inset-left, 0px);
}

#notch-top {
    position: absolute;
    top: 0;
    height: env(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    width: 0;
  }

  #notch-bottom {
    position: absolute;
    bottom: 0;
    height: env(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    width: 0;
  }

/* Search box */
.search-box::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.4);
}