@import 'constants'; #WRAPPER{ display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #edf0f5; font-family: 'Ubuntu'; /* [1] Header de la page ==========================================*/ & > #HEADER{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: calc( 4em - 1px ); border-bottom: 1px solid darken($theme-color, 10); background-color: $theme-color; z-index: 10; } /* [2] Side-Menu de la page ==========================================*/ // Gestion du menu & > #MENU-SIDE{ display: block; position: absolute; top: 4em; left: 0; width: 4em; height: 100%; box-shadow: 2px 1px 3px #ddd; background-color: #fff; transition: all .3s; z-index: 9; } /* [3] Container de la page ==========================================*/ & > #CONTAINER{ display: block; position: absolute; top: 4em; left: 4em; width: calc( 100% - 4em - 2*1em ); height: calc( 100% - 4em - 2*1em ); padding: 1em; overflow-x: none; overflow-y: auto; } }