feat: improve font scaling in mobile safari

luangjokaj · luangjokaj · commit 40c3559d44c4 · 2021-01-07T22:26:47.000+01:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "cherry-components",
-	"version": "0.0.1-2",
+	"version": "0.0.1-3",
 	"description": "Cherry React Components",
 	"main": "dist/cherry.js",
 	"module": "dist/cherry.module.js",
diff --git a/src/globalStyles.js b/src/globalStyles.js
@@ -18,6 +18,7 @@ const globalStyles = (
 
 			body {
 				-moz-osx-font-smoothing: grayscale;
+				-webkit-text-size-adjust: 100%;
 				-webkit-font-smoothing: antialiased;
 				font-family: ${theme.fonts.text};
 				font-size: ${theme.sizes.text.size.mobile};

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "cherry-components",`
`3`		`- "version": "0.0.1-2",`
	`3`	`+ "version": "0.0.1-3",`
`4`	`4`	`"description": "Cherry React Components",`
`5`	`5`	`"main": "dist/cherry.js",`
`6`	`6`	`"module": "dist/cherry.module.js",`