Edit on
<div class="faux-wrapper"></div>
$header-height: 40px;
$nav-width: 80px;

.faux-wrapper {
  background: transparent;

  &:before {
    content: '';
    position: fixed;
    top: $header-height;
    left: 0;
    width: calc((#{100%} - #{$nav-width}) * 0.75 + #{$nav-width});
    height: 100%;
    /* Black navigation bar + white content thereafter */
    background: linear-gradient(90deg, #2B3945 80px, white 80px);
    border-right: 1px #CCC solid;
    z-index: -1;
    }

  &:after {
    content: '';
    position: absolute;
    top: 0;
    left: $nav-width;
    right: 0;
    z-index: -1;
    height: 157px;
    /* white page title section followed by 1px border, a tab menu and again a 1px border */
    background: linear-gradient(180deg, #e8ebef  40px, white 40px, white 120px, #C3CAD3 121px, #E8EBEF 122px, #e8ebef 156px, #C3CAD3 157px);
  }
}
View Compiled
Rerun