@pi0/framework7/src/components/page/page.less

Full featured mobile HTML framework for building iOS & Android apps

/* === Pages === */
.pages {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0,0,0);
  contain: layout size style;
  &.cached {
    display: none;
  }
}
.page-content {
  .scrollable();
  box-sizing: border-box;
  height: 100%;
  position: relative;
  z-index: 1;
  contain: layout size style;
  will-change: scroll-position;
}

& when (@include-ios-theme) {
  @import url('./page-ios.less');
}
& when (@include-md-theme) {
  @import url('./page-md.less');
}