//
// @description :
// @author      : Adarsh Pastakia
// @copyright   : 2017
// @license     : MIT
.ui-page {
  overflow: hidden;
  @include flex-fill();
  @include flex-column();

  .ui-page-title {
    z-index      : 5;
    font-size    : 0.8em;
    line-height  : 1.2em;
    background   : $page-title-bg;
    color        : $page-title-text;
    text-align   : center;
    border-bottom: 1px solid rgba($base-shadow-color,.25);
    @include flex-auto();
  }

  .ui-page-body {
    overflow: hidden;
    position: relative;
    @include flex-fill();
    @include flex-column($align:stretch);
  }
}

.ui-section {
  overflow: hidden;
  position: relative;
  @include flex-fill();

  &.column {
    @include flex-column($align:stretch);
  }

  &.row {
    @include flex-row($align:stretch, $wrap:false);
  }

  &.ui-align-middle {
    @include justify-content(center);
  }

  &.ui-align-center {
    @include align-items(center);
  }
}

.ui-content {
  position: relative;
  display : block;
  @include flex-fill();
}