sksar

/* Replace "standalone" with "fullscreen" depending on your manifest.json display mode */

@media (display-mode: standalone) {
  /* All installed PWAs */
}

@media (max-width: 576px) and (display-mode: standalone) {
  /* Installed PWAs on mobile devices */
  
  @supports (-webkit-overflow-scrolling: touch) {

sksar

/*
    This is for demonstration purposes. Ideally, you should never use the star selector.
    I recommend that you use this early on in your development, and then once you've established
    your HTML element palette, go back and replace * with a comma-separated list of your 
    tag names. Additionally, the !important shouldn't have to be used, but I'm leaving it here
    because some enterprising goons will probably copy and paste this directly into their project -
    the !important will ensure these settings override other attempts that were either never
    deleted or are part of an installed CSS file the user is unaware of.
*/
* {