atst/styles/components/_global_layout.scss

37 lines
603 B
SCSS

html,
body {
height: 100%;
}
#app-root {
background-color: $color-offwhite;
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 100vh;
> footer {
margin-top: auto;
}
}
.global-layout {
display: flex;
flex-wrap: nowrap;
flex-grow: 1;
padding-bottom: $footer-height * 2.5;
.global-panel-container {
flex-grow: 1;
-ms-flex-negative: 1;
top: $usa-banner-height + $topbar-height;
position: relative;
padding: 0 $spacing-large;
@include media($medium-screen) {
top: $usa-banner-height + $topbar-height;
}
}
}