.header, | |
.footer { | |
z-index: 7; | |
} | |
.helix-logo { | |
width: 30px; | |
height: 30px; | |
padding-right: 10px; | |
} | |
.helix-title { | |
font-size: 30px; | |
text-transform: uppercase; | |
} | |
.mat-progress-bar { | |
position: fixed; | |
top: 64px; | |
z-index: 5; | |
&.no-header { | |
top: 0; | |
} | |
} | |
.footer { | |
background-color: #f5f5f5; | |
height: 50px; | |
span { | |
font-weight: normal; | |
font-size: 14px; | |
color: #666; | |
} | |
} | |
.main-container { | |
height: calc(100vh - 64px - 50px); | |
overflow-y: scroll; | |
&.no-header { | |
height: 100vh; | |
} | |
} |