fix(typography): update line heights in design tokens

emdgroup-liquid · Jun 11, 2021 · 32cd3a1 · 32cd3a1
1 parent 6884a36
commit 32cd3a1
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 30 deletions.
diff --git a/src/liquid/global/styles/design-tokens.json b/src/liquid/global/styles/design-tokens.json
@@ -174,32 +174,32 @@
       },
       "h1": {
         "fontSize": "2rem",
-        "lineHeight": "120%",
+        "lineHeight": "140%",
         "fontFamiliy": "Lato"
       },
       "h2": {
         "fontSize": "1.625rem",
-        "lineHeight": "120%",
+        "lineHeight": "140%",
         "fontFamiliy": "Lato"
       },
       "h3": {
         "fontSize": "1.375rem",
-        "lineHeight": "120%",
+        "lineHeight": "140%",
         "fontFamiliy": "Lato"
       },
       "h4": {
         "fontSize": "1.125rem",
-        "lineHeight": "120%",
+        "lineHeight": "140%",
         "fontFamiliy": "Lato"
       },
       "h5": {
         "fontSize": "1rem",
-        "lineHeight": "120%",
+        "lineHeight": "140%",
         "fontFamiliy": "Lato"
       },
       "h6": {
         "fontSize": "0.875rem",
-        "lineHeight": "120%",
+        "lineHeight": "140%",
         "fontFamiliy": "Lato"
       },
       "xb1": {
@@ -219,32 +219,32 @@
       },
       "b1": {
         "fontSize": "3rem",
-        "lineHeight": "100%",
+        "lineHeight": "120%",
         "fontFamiliy": "MWeb"
       },
       "b2": {
         "fontSize": "2.5rem",
-        "lineHeight": "100%",
+        "lineHeight": "120%",
         "fontFamiliy": "MWeb"
       },
       "b3": {
         "fontSize": "2.25rem",
-        "lineHeight": "100%",
+        "lineHeight": "120%",
         "fontFamiliy": "MWeb"
       },
       "b4": {
         "fontSize": "2rem",
-        "lineHeight": "100%",
+        "lineHeight": "120%",
         "fontFamiliy": "MWeb"
       },
       "b5": {
         "fontSize": "1.625rem",
-        "lineHeight": "100%",
+        "lineHeight": "120%",
         "fontFamiliy": "MWeb"
       },
       "b6": {
         "fontSize": "1.375rem",
-        "lineHeight": "100%",
+        "lineHeight": "120%",
         "fontFamiliy": "MWeb"
       }
     },

diff --git a/src/liquid/global/styles/typography/index.md b/src/liquid/global/styles/typography/index.md
@@ -27,12 +27,12 @@ The list below shows you all available typography related CSS custom properties
 <docs-typography var="--ld-typo-b4" val="2rem / 120% 'MWeb', Helvetica, Arial, sans-serif"></docs-typography>
 <docs-typography var="--ld-typo-b5" val="1.625rem / 120% 'MWeb', Helvetica, Arial, sans-serif"></docs-typography>
 <docs-typography var="--ld-typo-b6" val="1.375rem / 120% 'MWeb', Helvetica, Arial, sans-serif"></docs-typography>
-<docs-typography var="--ld-typo-h1" val="2rem / 120% 'Lato', Helvetica, Arial, sans-serif"></docs-typography>
-<docs-typography var="--ld-typo-h2" val="1.625rem / 120% 'Lato', Helvetica, Arial, sans-serif"></docs-typography>
-<docs-typography var="--ld-typo-h3" val="1.375rem / 120% 'Lato', Helvetica, Arial, sans-serif"></docs-typography>
-<docs-typography var="--ld-typo-h4" val="1.125rem / 120% 'Lato', Helvetica, Arial, sans-serif"></docs-typography>
-<docs-typography var="--ld-typo-h5" val="1rem / 120% 'Lato', Helvetica, Arial, sans-serif"></docs-typography>
-<docs-typography var="--ld-typo-h6" val="0.875rem / 120% 'Lato', Helvetica, Arial, sans-serif"></docs-typography>
+<docs-typography var="--ld-typo-h1" val="2rem / 140% 'Lato', Helvetica, Arial, sans-serif"></docs-typography>
+<docs-typography var="--ld-typo-h2" val="1.625rem / 140% 'Lato', Helvetica, Arial, sans-serif"></docs-typography>
+<docs-typography var="--ld-typo-h3" val="1.375rem / 140% 'Lato', Helvetica, Arial, sans-serif"></docs-typography>
+<docs-typography var="--ld-typo-h4" val="1.125rem / 140% 'Lato', Helvetica, Arial, sans-serif"></docs-typography>
+<docs-typography var="--ld-typo-h5" val="1rem / 140% 'Lato', Helvetica, Arial, sans-serif"></docs-typography>
+<docs-typography var="--ld-typo-h6" val="0.875rem / 140% 'Lato', Helvetica, Arial, sans-serif"></docs-typography>
 <docs-typography var="--ld-typo-xb1" val="5.75rem / 120% 'MWeb', Helvetica, Arial, sans-serif"></docs-typography>
 <docs-typography var="--ld-typo-xb2" val="4.5rem / 120% 'MWeb', Helvetica, Arial, sans-serif"></docs-typography>
 <docs-typography var="--ld-typo-xb3" val="4rem / 120% 'MWeb', Helvetica, Arial, sans-serif"></docs-typography>

diff --git a/src/liquid/global/styles/typography/typography.css b/src/liquid/global/styles/typography/typography.css
@@ -2,18 +2,18 @@
 :root {
   --ld-font-body: 'Lato', Helvetica, Arial, sans-serif;
   --ld-font-display: 'MWeb', Helvetica, Arial, sans-serif;
-  --ld-typo-b1: 3rem / 100% 'MWeb', Helvetica, Arial, sans-serif;
-  --ld-typo-b2: 2.5rem / 100% 'MWeb', Helvetica, Arial, sans-serif;
-  --ld-typo-b3: 2.25rem / 100% 'MWeb', Helvetica, Arial, sans-serif;
-  --ld-typo-b4: 2rem / 100% 'MWeb', Helvetica, Arial, sans-serif;
-  --ld-typo-b5: 1.625rem / 100% 'MWeb', Helvetica, Arial, sans-serif;
-  --ld-typo-b6: 1.375rem / 100% 'MWeb', Helvetica, Arial, sans-serif;
-  --ld-typo-h1: 2rem / 120% 'Lato', Helvetica, Arial, sans-serif;
-  --ld-typo-h2: 1.625rem / 120% 'Lato', Helvetica, Arial, sans-serif;
-  --ld-typo-h3: 1.375rem / 120% 'Lato', Helvetica, Arial, sans-serif;
-  --ld-typo-h4: 1.125rem / 120% 'Lato', Helvetica, Arial, sans-serif;
-  --ld-typo-h5: 1rem / 120% 'Lato', Helvetica, Arial, sans-serif;
-  --ld-typo-h6: 0.875rem / 120% 'Lato', Helvetica, Arial, sans-serif;
+  --ld-typo-b1: 3rem / 120% 'MWeb', Helvetica, Arial, sans-serif;
+  --ld-typo-b2: 2.5rem / 120% 'MWeb', Helvetica, Arial, sans-serif;
+  --ld-typo-b3: 2.25rem / 120% 'MWeb', Helvetica, Arial, sans-serif;
+  --ld-typo-b4: 2rem / 120% 'MWeb', Helvetica, Arial, sans-serif;
+  --ld-typo-b5: 1.625rem / 120% 'MWeb', Helvetica, Arial, sans-serif;
+  --ld-typo-b6: 1.375rem / 120% 'MWeb', Helvetica, Arial, sans-serif;
+  --ld-typo-h1: 2rem / 140% 'Lato', Helvetica, Arial, sans-serif;
+  --ld-typo-h2: 1.625rem / 140% 'Lato', Helvetica, Arial, sans-serif;
+  --ld-typo-h3: 1.375rem / 140% 'Lato', Helvetica, Arial, sans-serif;
+  --ld-typo-h4: 1.125rem / 140% 'Lato', Helvetica, Arial, sans-serif;
+  --ld-typo-h5: 1rem / 140% 'Lato', Helvetica, Arial, sans-serif;
+  --ld-typo-h6: 0.875rem / 140% 'Lato', Helvetica, Arial, sans-serif;
   --ld-typo-xb1: 5.75rem / 120% 'MWeb', Helvetica, Arial, sans-serif;
   --ld-typo-xb2: 4.5rem / 120% 'MWeb', Helvetica, Arial, sans-serif;
   --ld-typo-xb3: 4rem / 120% 'MWeb', Helvetica, Arial, sans-serif;