Merge pull request #49 from WordPress/add/spacing

Add spacing sizes Co-authored-by: carolinan <[email protected]> Co-authored-by: huzaifaalmesbah <[email protected]> Co-authored-by: juanfra <[email protected]> Co-authored-by: rejaulalomkhan <[email protected]> Co-authored-by: richtabor <[email protected]> Co-authored-by: beafialho <[email protected]> Co-authored-by: joedolson <[email protected]>
WordPress · Aug 19, 2024 · 951cd5c · 951cd5c
2 parents cdb8d03 + 854e6f9
commit 951cd5c
Showing 1 changed file with 48 additions and 2 deletions.
diff --git a/theme.json b/theme.json
@@ -48,8 +48,54 @@
 			]
 		},
 		"layout": {
-			"contentSize": "840px",
-			"wideSize": "1100px"
+			"contentSize": "645px",
+			"wideSize": "1340px"
+		},
+		"spacing": {
+			"defaultSpacingSizes": false,
+			"spacingSizes": [
+				{
+					"name": "X-Tiny",
+					"size": "5px",
+					"slug": "10"
+				},
+				{
+					"name": "Tiny",
+					"size": "10px",
+					"slug": "20"
+				},
+				{
+					"name": "X-Small",
+					"size": "20px",
+					"slug": "30"
+				},
+				{
+					"name": "Small",
+					"size": "30px",
+					"slug": "40"
+				},
+				{
+					"name": "Regular",
+					"size": "clamp(30px, 5vw, 50px);",
+					"slug": "50"
+				},
+				{
+					"name": "Large",
+					"size": "clamp(30px, 7vw, 70px);",
+					"slug": "60"
+				},
+				{
+					"name": "X-Large",
+					"size": "clamp(50px, 7vw, 90px);",
+					"slug": "70"
+				},
+				{
+					"name": "XX-Large",
+					"size": "clamp(70px, 10vw, 140px);",
+					"slug": "80"
+				}
+			],
+			"units": ["%", "px", "em", "rem", "vh", "vw"]
 		},
 		"useRootPaddingAwareAlignments": true
 	},