fix(typography): use calc to allow css variables (#16475)

angular · Jul 29, 2019 · 6013036 · 6013036
1 parent bf66d81
commit 6013036
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/material/core/typography/_typography.scss b/src/material/core/typography/_typography.scss
@@ -96,7 +96,8 @@
   // and h6 at 0.67em.
   .mat-h5, #{$selector} h5 {
     @include mat-typography-font-shorthand(
-      mat-font-size($config, body-1) * 0.83,
+       // calc is used here to support css variables
+      calc(#{mat-font-size($config, body-1)} * 0.83),
       mat-font-weight($config, body-1),
       mat-line-height($config, body-1),
       mat-font-family($config, body-1)
@@ -107,7 +108,8 @@
 
   .mat-h6, #{$selector} h6 {
     @include mat-typography-font-shorthand(
-      mat-font-size($config, body-1) * 0.67,
+       // calc is used here to support css variables
+      calc(#{mat-font-size($config, body-1)} * 0.67),
       mat-font-weight($config, body-1),
       mat-line-height($config, body-1),
       mat-font-family($config, body-1)