@import 'constants'; #WRAPPER > div.dialog{ display: block; position: absolute; top: 0; left: $menu-width; width: $dialog-width; height: 100%; background-color: $dialog-bg; /* (1) Container HEADER */ & > div.header{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: $header-height; border-bottom: #{$bb-height} solid darken($dialog-header-bg, 5%); box-shadow: 0 #{$bb-offset - $bb-height} 0 darken($dialog-header-bg, 2%); z-index: 200; } /* (2) Container BODY */ & > div.body{ display: block; position: absolute; top: calc( #{$header-height} + #{$bb-offset} ); left: 0; width: 100%; height: calc( 100% - #{$header-height} - #{$bb-offset} ); background-color: $dialog-bg; z-index: 100; } }