github.com/emate/nomad@v0.8.2-wo-binpacking/ui/app/styles/components/page-layout.scss (about)

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