quasar-framework/src/components/parallax/parallax.mat.styl

Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase

.q-parallax
  position relative
  width 100%
  overflow hidden
  border-radius inherit

.q-parallax-image
  > img
    visibility hidden
    position absolute
    left 50%
    bottom 0
    min-width 100%
    min-height 100%

    &.ready
      visibility visible

.q-parallax-text
  text-shadow $paralax-text-shadow