Fix some code snippets being too large in iOS (#2193)

cloudfour · Aug 22, 2023 · a5ad0c4 · a5ad0c4
1 parent 0436266
commit a5ad0c4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/perfect-needles-kick.md b/.changeset/perfect-needles-kick.md
@@ -0,0 +1,5 @@
+---
+'@cloudfour/patterns': patch
+---
+
+Fixes issue where some code snippets had very large text in iOS Safari.
diff --git a/src/base/_typography.scss b/src/base/_typography.scss
@@ -33,13 +33,17 @@ html {
  *    considered when calculating `min-content` intrinsic sizes, which means
  *    layout remains broken in any CSS Grid layout.
  *    @see https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap#values
- * 2. Prevent size adjustments on orientation change.
+ * 2. Prevent size adjustments on orientation change. The `-webkit-` prefix is
+ *    still required for iOS Safari.
  */
 
 body {
   font-family: font-family.$sans-fallback;
   line-height: line-height.$loose;
   overflow-wrap: anywhere; /* 1 */
+
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-text-size-adjust: none; /* 2 */
   text-size-adjust: none; /* 2 */
 
   @supports (font-variation-settings: normal) {