Skip to content

Commit a5ad0c4

Browse files
authored
Fix some code snippets being too large in iOS (#2193)
1 parent 0436266 commit a5ad0c4

File tree

2 files changed

+10
-1
lines changed

2 files changed

+10
-1
lines changed

.changeset/perfect-needles-kick.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@cloudfour/patterns': patch
3+
---
4+
5+
Fixes issue where some code snippets had very large text in iOS Safari.

src/base/_typography.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,13 +33,17 @@ html {
3333
* considered when calculating `min-content` intrinsic sizes, which means
3434
* layout remains broken in any CSS Grid layout.
3535
* @see https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap#values
36-
* 2. Prevent size adjustments on orientation change.
36+
* 2. Prevent size adjustments on orientation change. The `-webkit-` prefix is
37+
* still required for iOS Safari.
3738
*/
3839

3940
body {
4041
font-family: font-family.$sans-fallback;
4142
line-height: line-height.$loose;
4243
overflow-wrap: anywhere; /* 1 */
44+
45+
/* stylelint-disable-next-line property-no-vendor-prefix */
46+
-webkit-text-size-adjust: none; /* 2 */
4347
text-size-adjust: none; /* 2 */
4448

4549
@supports (font-variation-settings: normal) {

0 commit comments

Comments
 (0)