html, body { width: 100%; height: 100%; } body { overflow: hidden; font: @font-face; color: @text-color; background: @background-color; } // reduce the presentation area and position it when the sidebar is shown .sidebar-on { #presentation-wrapper { width: 75%; top: 6vh; } } #session-view { width: 100%; height: 100%; &.chat-on { .sidebar-on; #chat { display: block; } } &.video-on { .sidebar-on; #video { display: block; } } &.users-on { #users { display: block; } } &.navbar-on { #navbar { display: block; } } } /* Right Sidebar ***********************************/ #sidebar-right { border-left:1px solid #adadad; padding-left:0px; } /* Media Queries ***********************************/ /* Large desktop */ @media (min-width: 1200px) { }