framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
39 lines (37 loc) • 865 B
text/less
/* === PTR === */
@import './pull-to-refresh-vars.less';
.ptr-preloader {
position: relative;
top: var(--f7-ptr-top, 0);
height: var(--f7-ptr-size);
pointer-events: none;
.preloader {
position: absolute;
left: 50%;
width: var(--f7-ptr-preloader-size);
height: var(--f7-ptr-preloader-size);
margin-left: calc(-1 * var(--f7-ptr-preloader-size) / 2);
margin-top: calc(-1 * var(--f7-ptr-preloader-size) / 2);
top: 50%;
visibility: hidden;
}
}
.ptr-bottom {
.ptr-preloader {
top: auto;
bottom: 0;
position: fixed;
}
}
.ptr-with-navbar-large-transparent,
.ptr-with-navbar-transparent {
.ptr-preloader {
top: calc(-1 * var(--f7-page-navbar-offset, 0px) + var(--f7-safe-area-top));
}
}
.if-ios-theme({
@import './pull-to-refresh-ios.less';
});
.if-md-theme({
@import './pull-to-refresh-md.less';
});