From 6cf8e70ca4b69952456de24b578ac1349c5518e9 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 15 Jul 2020 16:35:55 -0400
Subject: [PATCH] Update default line heights

---
 docs/tokens/typography.md | 6 +++---
 src/styles/shoelace.scss  | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/tokens/typography.md b/docs/tokens/typography.md
index dbd05ba9d..10d989860 100644
--- a/docs/tokens/typography.md
+++ b/docs/tokens/typography.md
@@ -49,6 +49,6 @@ Font sizes use `rem` units so they scale with the base font size. The pixel valu
 
 | Token                     | Value | Example                                                                                                                                                                                                       |
 | ------------------------- | ----- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `--sl-line-height-dense`  | 1.25  | <div style="line-height: var(--sl-line-height-dense);">The quick brown fox jumped over the lazy dog.<br>The quick brown fox jumped over the lazy dog.<br>The quick brown fox jumped over the lazy dog.</div>  |
-| `--sl-line-height-normal` | 1.5   | <div style="line-height: var(--sl-line-height-normal);">The quick brown fox jumped over the lazy dog.<br>The quick brown fox jumped over the lazy dog.<br>The quick brown fox jumped over the lazy dog.</div> |
-| `--sl-line-height-loose`  | 1.75  | <div style="line-height: var(--sl-line-height-loose);">The quick brown fox jumped over the lazy dog.<br>The quick brown fox jumped over the lazy dog.<br>The quick brown fox jumped over the lazy dog.</div>  |
+| `--sl-line-height-dense`  | 1.4  | <div style="line-height: var(--sl-line-height-dense);">The quick brown fox jumped over the lazy dog.<br>The quick brown fox jumped over the lazy dog.<br>The quick brown fox jumped over the lazy dog.</div>  |
+| `--sl-line-height-normal` | 1.8   | <div style="line-height: var(--sl-line-height-normal);">The quick brown fox jumped over the lazy dog.<br>The quick brown fox jumped over the lazy dog.<br>The quick brown fox jumped over the lazy dog.</div> |
+| `--sl-line-height-loose`  | 2.2  | <div style="line-height: var(--sl-line-height-loose);">The quick brown fox jumped over the lazy dog.<br>The quick brown fox jumped over the lazy dog.<br>The quick brown fox jumped over the lazy dog.</div>  |
diff --git a/src/styles/shoelace.scss b/src/styles/shoelace.scss
index a6e56ce41..120c21bc0 100644
--- a/src/styles/shoelace.scss
+++ b/src/styles/shoelace.scss
@@ -121,9 +121,9 @@
   --sl-letter-spacing-loose: 0.075em;
 
   // Line heights
-  --sl-line-height-dense: 1.25;
-  --sl-line-height-normal: 1.5;
-  --sl-line-height-loose: 1.75;
+  --sl-line-height-dense: 1.4;
+  --sl-line-height-normal: 1.8;
+  --sl-line-height-loose: 2.2;
 
   //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   // Form tokens