Set apiversion 2, add appearanceTools: true, add custom spacing, set …

…spacing.blockGap to 0.5rem #35
bobbingwide · Jan 20, 2022 · 52f96c2 · 52f96c2
1 parent dbf1492
commit 52f96c2
Showing 1 changed file with 110 additions and 96 deletions.
diff --git a/theme.json b/theme.json
@@ -1,6 +1,7 @@
 {
   "version": 1,
   "settings": {
+    "appearanceTools": true,
     "border": {
       "customColor": true,
       "customRadius": true,
@@ -11,7 +12,7 @@
       "custom": true,
       "customGradient": true,
       "duotone": [],
-      "gradients": [ ],
+      "gradients": [],
       "link": true,
       "palette": [
         {
@@ -29,7 +30,8 @@
           "name": "Link",
           "color": "#3498db"
         },
-        { "slug":  "current-menu",
+        {
+          "slug": "current-menu",
           "name": "Current menu",
           "color": "#00a0d2"
         },
@@ -43,7 +45,6 @@
           "slug": "bold-blue",
           "color": "#0072a9"
         },
-
         {
           "name": "Pale cyan blue",
           "slug": "pale-cyan-blue",
@@ -54,7 +55,6 @@
           "slug": "vivid-cyan-blue",
           "color": "#0693e3"
         },
-
         {
           "name": "Very light gray",
           "slug": "very-light-gray",
@@ -74,106 +74,117 @@
           "name": "White",
           "slug": "white",
           "color": "#ffffff"
-        }]
+        }
+      ]
     },
-    "custom": {},
-    "layout": {
+    "custom": {
+      "spacing": {
+        "small": "max(1.25rem, 5vw)",
+        "medium": "clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))",
+        "large": "clamp(4rem, 10vw, 8rem)",
+        "outer": "var(--wp--custom--spacing--small, 1.25rem)"
+      }
+    }, "layout": {
       "contentSize": "800px",
       "wideSize": "1200px"
     },
-    "spacing": {
-      "customMargin": true,
-      "customPadding": true,
-      "units": [ "px", "em", "rem", "vh", "vw" ]
-    },
-    "typography": {
-      "customFontSize": false,
-      "customFontStyle": true,
-      "customFontWeight": true,
-      "customLineHeight": false,
-      "customTextDecorations": true,
-      "customTextTransforms": true,
-      "dropCap": false,
-      "fontFamilies": [
-        {
-          "fontFamily": "Open Sans, sans-serif",
-          "slug": "opensans"
-        },
-        {
-          "fontFamily": "Helvetica Neue, Helvetica, Arial, sans-serif",
-          "slug": "helvetica-arial"
-        }
-      ],
-      "fontSizes": [
-        {
-          "name": "Tiny",
-          "size": "12px",
-          "slug": "tiny"
-        },
-        {
-          "name": "Small",
-          "size": "16px",
-          "slug": "small"
-        },
-        {
-          "name": "Normal",
-          "size": "18px",
-          "slug": "normal"
-        },
-        {
-          "name": "Medium",
-          "size": "20px",
-          "slug": "medium"
-        },
-        {
-          "name": "Large",
-          "size": "24px",
-          "slug": "large"
-        },
-        {
-          "name": "Larger",
-          "size": "30px",
-          "slug": "larger"
-        },
-        {
-          "name": "Largest",
-          "size": "36px",
-          "slug": "largest"
-        }
-      ]
-    },
-    "blocks": {
-      "core/button": {
-        "border": {
-          "customColor": true,
-          "customRadius": true,
-          "customStyle": false,
-          "customWidth": true
-        },
-        "color": {
-          "custom": false
-        },
-        "typography": {
-          "customFontSize": true,
-          "customLineHeight": true
-        }
+      "spacing": {
+        "customMargin": true,
+        "customPadding": true,
+        "units": [
+          "px",
+          "em",
+          "rem",
+          "vh",
+          "vw"
+        ]
       },
-      "core/paragraph": {
-        "color": {
-          "custom": true
-        }
+      "typography": {
+        "customFontSize": false,
+        "customFontStyle": true,
+        "customFontWeight": true,
+        "customLineHeight": false,
+        "customTextDecorations": true,
+        "customTextTransforms": true,
+        "dropCap": false,
+        "fontFamilies": [
+          {
+            "fontFamily": "Open Sans, sans-serif",
+            "slug": "opensans"
+          },
+          {
+            "fontFamily": "Helvetica Neue, Helvetica, Arial, sans-serif",
+            "slug": "helvetica-arial"
+          }
+        ],
+        "fontSizes": [
+          {
+            "name": "Tiny",
+            "size": "12px",
+            "slug": "tiny"
+          },
+          {
+            "name": "Small",
+            "size": "16px",
+            "slug": "small"
+          },
+          {
+            "name": "Normal",
+            "size": "18px",
+            "slug": "normal"
+          },
+          {
+            "name": "Medium",
+            "size": "20px",
+            "slug": "medium"
+          },
+          {
+            "name": "Large",
+            "size": "24px",
+            "slug": "large"
+          },
+          {
+            "name": "Larger",
+            "size": "30px",
+            "slug": "larger"
+          },
+          {
+            "name": "Largest",
+            "size": "36px",
+            "slug": "largest"
+          }
+        ]
       },
-      "core/table": {
-        "border": {
-          "customColor": true,
-          "customRadius": true,
-          "customStyle": true,
-          "customWidth": true
+      "blocks": {
+        "core/button": {
+          "border": {
+            "customColor": true,
+            "customRadius": true,
+            "customStyle": false,
+            "customWidth": true
+          },
+          "color": {
+            "custom": false
+          },
+          "typography": {
+            "customFontSize": true,
+            "customLineHeight": true
+          }
+        },
+        "core/paragraph": {
+          "color": {
+            "custom": true
+          }
+        },
+        "core/table": {
+          "border": {
+            "customColor": true,
+            "customRadius": true,
+            "customStyle": true,
+            "customWidth": true
+          }
         }
       }
-    }
-
-
   },
   "styles": {
     "color": {
@@ -191,6 +202,9 @@
         }
       }
     },
+    "spacing": {
+      "blockGap": "0.5rem"
+    },
     "blocks": {
       "core/button": {
         "border": {