diff --git a/components/content/Text/Text.css b/components/content/Text/Text.css index 262513a..dd71d6a 100644 --- a/components/content/Text/Text.css +++ b/components/content/Text/Text.css @@ -13,7 +13,7 @@ .diamond-text-font-h3, .diamond-text-font-h4 { font-weight: var(--diamond-font-weight-bold); - line-height: var(--diamond-font-line-height-sm); + line-height: var(--diamond-font-line-height-heading); text-wrap: balance; } diff --git a/styles/base/typography.css b/styles/base/typography.css index 1e24ead..e028abf 100644 --- a/styles/base/typography.css +++ b/styles/base/typography.css @@ -12,7 +12,7 @@ h3, h4 { color: var(--diamond-theme-heading-color); font-weight: var(--diamond-font-weight-bold); - line-height: var(--diamond-font-line-height-sm); + line-height: var(--diamond-font-line-height-heading); margin-bottom: var(--diamond-spacing-sm); margin-top: 0; text-wrap: balance; @@ -20,7 +20,6 @@ h4 { h1 { font-size: var(--diamond-font-size-h1); - line-height: var(--diamond-font-line-height-sm); } h2 { diff --git a/styles/tokens/font.css b/styles/tokens/font.css index 2d4a671..9d3c4bb 100644 --- a/styles/tokens/font.css +++ b/styles/tokens/font.css @@ -4,6 +4,7 @@ --diamond-font-line-height: 1.5; --diamond-font-line-height-sm: 1.25; + --diamond-font-line-height-heading: var(--diamond-font-line-height-sm); --diamond-font-size-default: 1rem; --diamond-font-size-xs: 0.75em;