@import 'breakpoint'; @import 'color'; @import 'layout'; @import 'z-index'; @media not print { .app-container { display: flex; flex-direction: column; height: 100%; overflow-y: auto; } } @media print { .app-body { display: unset !important; height: 100% !important; } } .skip-link { position: absolute; top: -40px; background: #000; color: #fff; padding: 8px 16px; z-index: $modal-z-index; &:focus { top: 0; } } .app-body { display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; scrollbar-gutter: stable; position: relative; flex-grow: 1; flex-shrink: 1; flex-basis: auto; outline: none; } .loader { height: 100%; display: flex; justify-content: center; align-items: center; &.loader-gif { max-height: 185px; } }