github.com/blixtra/nomad@v0.7.2-0.20171221000451-da9a1d7bb050/ui/app/styles/core/page-layout.scss (about)

     1  html, body, body > .ember-view {
     2    height: 100%;
     3    width: 100%;
     4  }
     5  
     6  .page-layout {
     7    height: 100%;
     8    display: flex;
     9    flex-direction: column;
    10  
    11    .page-header {
    12      position: fixed;
    13      width: 100%;
    14      z-index: $z-header;
    15  
    16      // Defensive styles in case header height goes over 100px, causing
    17      // the left gutter menu to be on top of the header.
    18      height: $header-height;
    19      overflow: hidden;
    20    }
    21  
    22    .page-body {
    23      display: flex;
    24      flex: 1;
    25      flex-direction: row;
    26      justify-content: space-between;
    27      margin-top: $header-height;
    28  
    29      .page-column {
    30        flex: 1;
    31  
    32        &.is-left {
    33          min-width: $gutter-width;
    34          max-width: $gutter-width;
    35          position: fixed;
    36          bottom: 0;
    37          top: $header-height;
    38          z-index: $z-gutter;
    39        }
    40  
    41        &.is-right {
    42          margin-left: $gutter-width;
    43        }
    44      }
    45    }
    46  }