quasar-framework/src/vue-components/pull-to-refresh/pull-to-refresh.mat.styl

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

$pull-to-refresh-color     ?= $primary
$pull-to-refresh-font-size ?= 1rem
$pull-to-refresh-icon-size ?= 2rem

.pull-to-refresh
  overflow hidden
  position relative

.pull-to-refresh-container
  touch-action pan-x pan-y !important

.pull-to-refresh-message
  height 65px
  color $pull-to-refresh-color
  font-size $pull-to-refresh-font-size
  i
    font-size $pull-to-refresh-icon-size
    transition all .3s