fixes #21511: set line-height to 1.1 for display headings

- had to rearrange vars to re-use heading line-height
- align values while we're at it

1 files changed, 4 insertions, 0 deletions

diff --git a/scss/_type.scss b/scss/_type.scss
index cb4a035fcb..13a64b06f3 100644
--- a/scss/_type.scss
+++ b/scss/_type.scss
@@ -27,18 +27,22 @@ h6, .h6 { font-size: $font-size-h6; }
 .display-1 {
   font-size: $display1-size;
   font-weight: $display1-weight;
+  line-height: $display-line-height;
 }
 .display-2 {
   font-size: $display2-size;
   font-weight: $display2-weight;
+  line-height: $display-line-height;
 }
 .display-3 {
   font-size: $display3-size;
   font-weight: $display3-weight;
+  line-height: $display-line-height;
 }
 .display-4 {
   font-size: $display4-size;
   font-weight: $display4-weight;
+  line-height: $display-line-height;
 }