injectPWAStyles #

This should give you an idea of what properties can be used to give your user an app like feeling in your PWA.

You shouldn't apply your PWA styles from js. Use css to style your content. Use a css-selector dependending on current display mode to style your content accordingly.

/* Selector for all pwa display-modes and fallbacks */
@media all and (display-mode: standalone), (display-mode: minimal-ui), (display-mode: fullscreen) {
  /* PWA Rules here */
}

Demo #

Usage #

export { injectPWAStyles } from '@donskelle/pwa-helpers';

injectPWAStyles();