Test adjustments to responsive type scale

alphagov · May 4, 2023 · a03ac84 · a03ac84
1 parent a7f1e57
commit a03ac84
Showing 1 changed file with 11 additions and 18 deletions.
diff --git a/packages/govuk-frontend/dist/govuk/settings/_typography-responsive.scss b/packages/govuk-frontend/dist/govuk/settings/_typography-responsive.scss
@@ -110,8 +110,8 @@ $govuk-typography-scale: (
   ),
   36: (
     null: (
-      font-size: 24px,
-      line-height: 25px
+      font-size: 27px,
+      line-height: 30px
     ),
     tablet: (
       font-size: 36px,
@@ -123,9 +123,10 @@ $govuk-typography-scale: (
     )
   ),
   27: (
+    // Made same as 24 on mobile (consider deprecating this size)
     null: (
-      font-size: 18px,
-      line-height: 20px
+      font-size: 21px,
+      line-height: 25px
     ),
     tablet: (
       font-size: 27px,
@@ -137,9 +138,10 @@ $govuk-typography-scale: (
     )
   ),
   24: (
+    // Bump up mobile size from 18/20 to 21/25
     null: (
-      font-size: 18px,
-      line-height: 20px
+      font-size: 21px,
+      line-height: 25px
     ),
     tablet: (
       font-size: 24px,
@@ -151,11 +153,8 @@ $govuk-typography-scale: (
     )
   ),
   19: (
+    // Stay at 19/25 at all sizes
     null: (
-      font-size: 16px,
-      line-height: 20px
-    ),
-    tablet: (
       font-size: 19px,
       line-height: 25px
     ),
@@ -165,11 +164,8 @@ $govuk-typography-scale: (
     )
   ),
   16: (
+    // Stay at 16/20 at all sizes
     null: (
-      font-size: 14px,
-      line-height: 16px
-    ),
-    tablet: (
       font-size: 16px,
       line-height: 20px
     ),
@@ -179,11 +175,8 @@ $govuk-typography-scale: (
     )
   ),
   14: (
+    // Stay at 14/20 at all sizes (consider deprecating this size)
     null: (
-      font-size: 12px,
-      line-height: 15px
-    ),
-    tablet: (
       font-size: 14px,
       line-height: 20px
     ),