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

Simultaneously build desktop/mobile SPA websites & phone/tablet apps with VueJS

.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