Merge pull request #93 from thepensionsregulator/bug-typography-letter-spacing

typography updated with new line-height and letter-spacing

Author: d4lek

packages/core/src/components/globals/globals.mdx

@@ -20,7 +20,7 @@ import { Flex } from './globals';
 			flex: '1 1 auto',
 			justifyContent: 'space-between',
 			bg: 'accents.2',
-			color: 'background',
+			color: 'white',
 			p: 3,
 		}}
 	>

packages/core/src/components/typography/typography.module.scss

@@ -4,58 +4,64 @@
 	font-family: $fonts-sans-serif;
 	font-weight: $font-weight-2;
 	font-size: $font-size-6;
-	letter-spacing: 0.4px;
+	letter-spacing: 0px;
+	line-height: 1em;
 }
 
 .h2 {
 	font-family: $fonts-sans-serif;
 	font-weight: $font-weight-2;
 	font-size: $font-size-5;
-	letter-spacing: 0.4px;
+	letter-spacing: 0px;
+	line-height: 1em;
 }
 
 .h3 {
 	font-family: $fonts-sans-serif;
 	font-weight: $font-weight-1;
 	font-size: $font-size-4;
-	letter-spacing: 0.4px;
+	letter-spacing: 0px;
+	line-height: 1em;
 }
 
 .h4 {
 	font-family: $fonts-sans-serif;
 	font-weight: $font-weight-3;
 	font-size: $font-size-3;
-	letter-spacing: 0.4px;
+	letter-spacing: 0px;
+	line-height: 1em;
 }
 
 .h5 {
 	font-family: $fonts-sans-serif;
 	font-weight: $font-weight-2;
 	font-size: $font-size-2;
-	letter-spacing: 0.4px;
+	letter-spacing: 0px;
+	line-height: 1em;
 }
 
 .h6 {
 	font-family: $fonts-sans-serif;
 	font-weight: $font-weight-2;
 	font-size: $font-size-1;
-	letter-spacing: 0.4px;
+	letter-spacing: 0px;
+	line-height: 1em;
 }
 
 .p {
 	font-family: $fonts-sans-serif;
 	font-weight: $font-weight-2;
 	font-size: $font-size-2;
-	letter-spacing: 0.9px;
-	line-height: 1.4;
+	letter-spacing: 0px;
+	line-height: 1em;
 }
 
 .span {
 	font-family: $fonts-sans-serif;
 	font-weight: $font-weight-2;
 	font-size: $font-size-2;
-	letter-spacing: 0.9px;
-	line-height: 1.4;
+	letter-spacing: 0px;
+	line-height: 1em;
 }
 
 .hr {