Update styles to use calculated height variables
!114984 (merged) introduces variables for application header, footer, and viewport heights which computed dynamic values for conditional heights for:
- system header
- performance bar
- header
- system footer
$calc-application-bars-height: calc(var(--system-header-height) + var(--performance-bar-height));
$calc-application-header-height: calc(#{$header-height} + #{$calc-application-bars-height});
$calc-application-footer-height: var(--system-footer-height);
$calc-application-viewport-height: calc(100vh - #{$calc-application-header-height} - #{$calc-application-footer-height});
There is outstanding usage of manually calculated top
/bottom
/height
properties which can be translated to use the variables instead, these include:
Edited by Scott de Jonge