Inherit h1-h6 size from global-font-size var

diff --git a/scss/components/_typography.scss b/scss/components/_typography.scss
index b48d8b85180261ba588edb2be871e200b5ed1d23..9ee1f7da40ae318a092d88c9279533f42f08736c 100755 (executable)
--- a/scss/components/_typography.scss
+++ b/scss/components/_typography.scss
@@ -44,27 +44,27 @@ $header-font-weight: $global-font-weight !default;
 
 /// Font size of `<h1>` elements.
 /// @type Number
-$h1-font-size: 34px !default;
+$h1-font-size: floor($global-font-size * 2.125) !default;
 
 /// Font size of `<h2>` elements.
 /// @type Number
-$h2-font-size: 30px !default;
+$h2-font-size: floor($global-font-size * 1.875) !default;
 
 /// Font size of `<h3>` elements.
 /// @type Number
-$h3-font-size: 28px !default;
+$h3-font-size: floor($global-font-size * 1.75) !default;
 
 /// Font size of `<h4>` elements.
 /// @type Number
-$h4-font-size: 24px !default;
+$h4-font-size: floor($global-font-size * 1.5) !default;
 
 /// Font size of `<h5>` elements.
 /// @type Number
-$h5-font-size: 20px !default;
+$h5-font-size: floor($global-font-size * 1.2) !default;
 
 /// Font size of `<h6>` elements.
 /// @type Number
-$h6-font-size: 18px !default;
+$h6-font-size: floor($global-font-size * 1.125) !default;
 
 /// Margin bottom of `<h1>` through `<h6>` elements.
 /// @type Number