Update to fluid typography. (#107)

wpengine · Aug 8, 2022 · 44a3852 · 44a3852
1 parent a314547
commit 44a3852
Showing 1 changed file with 37 additions and 4 deletions.
diff --git a/theme.json b/theme.json
@@ -107,6 +107,7 @@
 		},
 		"typography": {
 			"dropCap": false,
+			"fluid": true,
 			"fontFamilies": [
 				{
 					"fontFamily": "Outfit, sans-serif",
@@ -131,43 +132,75 @@
 			],
 			"fontSizes": [
 				{
+					"fluid": {
+						"min": "16px",
+						"max": "16px"
+					},
 					"name": "Small",
 					"size": "16px",
 					"slug": "small"
 				},
 				{
+					"fluid": {
+						"min": "18px",
+						"max": "20px"
+					},
 					"name": "Medium",
 					"size": "20px",
 					"slug": "medium"
 				},
 				{
+					"fluid": {
+						"min": "20px",
+						"max": "24px"
+					},
 					"name": "Large",
 					"size": "24px",
 					"slug": "large"
 				},
 				{
+					"fluid": {
+						"min": "24px",
+						"max": "30px"
+					},
 					"name": "xLarge",
 					"size": "30px",
 					"slug": "x-large"
 				},
 				{
+					"fluid": {
+						"min": "30px",
+						"max": "36px"
+					},
 					"name": "36px",
-					"size": "clamp(24px, 3vw, 36px)",
+					"size": "36px",
 					"slug": "max-36"
 				},
 				{
+					"fluid": {
+						"min": "36px",
+						"max": "48px"
+					},
 					"name": "48px",
-					"size": "clamp(30px, 4vw, 48px)",
+					"size": "48px",
 					"slug": "max-48"
 				},
 				{
+					"fluid": {
+						"min": "42px",
+						"max": "60px"
+					},
 					"name": "60px",
-					"size": "clamp(36px, 5vw, 60px)",
+					"size": "60px",
 					"slug": "max-60"
 				},
 				{
+					"fluid": {
+						"min": "48px",
+						"max": "72px"
+					},
 					"name": "72px",
-					"size": "clamp(48px, 6vw, 72px)",
+					"size": "72px",
 					"slug": "max-72"
 				}
 			]