Changes from WordPress Playground: (#7860)

- Add missing side padding to header Also exported as a zip file. * [Preview loaded from this PR – available **before** this PR is merged](https://playground.wordpress.net/?import-site=https%3A%2F%2Fraw.githubusercontent.com%2Fautomattic%2Fthemes%2Fplayground-changes-2024-06-17T13-49-20-041Z%2Ffoam%2Fplayground.zip) * [Preview loaded from the main branch – available **after** this PR is merged](https://playground.wordpress.net/?import-site=https%3A%2F%2Fraw.githubusercontent.com%2Fautomattic%2Fthemes%2Ftrunk%2Ffoam%2Fplayground.zip)
Automattic · Jul 8, 2024 · 61f7466 · 61f7466
1 parent 4bf4fb9
commit 61f7466
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 348 deletions.
diff --git a/foam/parts/header.html b/foam/parts/header.html
@@ -1,11 +1,11 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"3vh","right":"5vw","bottom":"3vh","left":"5vw"}}},"layout":{"type":"constrained"}} -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"3vh","right":"5vw","bottom":"3vh","left":"5vw"}}},"layout":{"type":"default"}} -->
 <div class="wp-block-group" style="padding-top:3vh;padding-right:5vw;padding-bottom:3vh;padding-left:5vw"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"0","top":"0","right":"0","left":"0"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
 <div class="wp-block-group alignfull" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"flex"}} -->
 <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"2rem"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
 <div class="wp-block-group"><!-- wp:site-title /--></div>
 <!-- /wp:group --></div>
 <!-- /wp:group -->
 
-<!-- wp:navigation {"customOverlayBackgroundColor":"#2544e3","overlayTextColor":"white","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /--></div>
+<!-- wp:navigation {"customOverlayBackgroundColor":"#2544e3","overlayTextColor":"white","style":{"spacing":{"margin":{"top":"0"}}},"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"}} /--></div>
 <!-- /wp:group --></div>
 <!-- /wp:group -->
diff --git a/foam/playground.zip b/foam/playground.zip
diff --git a/foam/theme.json b/foam/theme.json
@@ -45,175 +45,6 @@
  },
  "layout": {
  "contentSize": false,
- "definitions": {
- "constrained": {
- "baseStyles": [
- {
- "rules": {
- "float": "left",
- "margin-inline-end": "2em",
- "margin-inline-start": "0"
- },
- "selector": " > .alignleft"
- },
- {
- "rules": {
- "float": "right",
- "margin-inline-end": "0",
- "margin-inline-start": "2em"
- },
- "selector": " > .alignright"
- },
- {
- "rules": {
- "margin-left": "auto !important",
- "margin-right": "auto !important"
- },
- "selector": " > .aligncenter"
- },
- {
- "rules": {
- "margin-left": "auto !important",
- "margin-right": "auto !important",
- "max-width": "var(--wp--style--global--content-size)"
- },
- "selector": " > :where(:not(.alignleft):not(.alignright):not(.alignfull))"
- },
- {
- "rules": {
- "max-width": "var(--wp--style--global--wide-size)"
- },
- "selector": " > .alignwide"
- }
- ],
- "className": "is-layout-constrained",
- "name": "constrained",
- "slug": "constrained",
- "spacingStyles": [
- {
- "rules": {
- "margin-block-start": "0"
- },
- "selector": " > :first-child:first-child"
- },
- {
- "rules": {
- "margin-block-end": "0"
- },
- "selector": " > :last-child:last-child"
- },
- {
- "rules": {
- "margin-block-end": "0",
- "margin-block-start": null
- },
- "selector": " > *"
- }
- ]
- },
- "default": {
- "baseStyles": [
- {
- "rules": {
- "float": "left",
- "margin-inline-end": "2em",
- "margin-inline-start": "0"
- },
- "selector": " > .alignleft"
- },
- {
- "rules": {
- "float": "right",
- "margin-inline-end": "0",
- "margin-inline-start": "2em"
- },
- "selector": " > .alignright"
- },
- {
- "rules": {
- "margin-left": "auto !important",
- "margin-right": "auto !important"
- },
- "selector": " > .aligncenter"
- }
- ],
- "className": "is-layout-flow",
- "name": "default",
- "slug": "flow",
- "spacingStyles": [
- {
- "rules": {
- "margin-block-start": "0"
- },
- "selector": " > :first-child:first-child"
- },
- {
- "rules": {
- "margin-block-end": "0"
- },
- "selector": " > :last-child:last-child"
- },
- {
- "rules": {
- "margin-block-end": "0",
- "margin-block-start": null
- },
- "selector": " > *"
- }
- ]
- },
- "flex": {
- "baseStyles": [
- {
- "rules": {
- "align-items": "center",
- "flex-wrap": "wrap"
- },
- "selector": ""
- },
- {
- "rules": {
- "margin": "0"
- },
- "selector": " > *"
- }
- ],
- "className": "is-layout-flex",
- "displayMode": "flex",
- "name": "flex",
- "slug": "flex",
- "spacingStyles": [
- {
- "rules": {
- "gap": null
- },
- "selector": ""
- }
- ]
- },
- "grid": {
- "baseStyles": [
- {
- "rules": {
- "margin": "0"
- },
- "selector": " > *"
- }
- ],
- "className": "is-layout-grid",
- "displayMode": "grid",
- "name": "grid",
- "slug": "grid",
- "spacingStyles": [
- {
- "rules": {
- "gap": null
- },
- "selector": ""
- }
- ]
- }
- },
  "wideSize": false
  },
  "shadow": {
@@ -377,175 +208,6 @@
  },
  "layout": {
  "contentSize": false,
- "definitions": {
- "constrained": {
- "baseStyles": [
- {
- "rules": {
- "float": "left",
- "margin-inline-end": "2em",
- "margin-inline-start": "0"
- },
- "selector": " > .alignleft"
- },
- {
- "rules": {
- "float": "right",
- "margin-inline-end": "0",
- "margin-inline-start": "2em"
- },
- "selector": " > .alignright"
- },
- {
- "rules": {
- "margin-left": "auto !important",
- "margin-right": "auto !important"
- },
- "selector": " > .aligncenter"
- },
- {
- "rules": {
- "margin-left": "auto !important",
- "margin-right": "auto !important",
- "max-width": "var(--wp--style--global--content-size)"
- },
- "selector": " > :where(:not(.alignleft):not(.alignright):not(.alignfull))"
- },
- {
- "rules": {
- "max-width": "var(--wp--style--global--wide-size)"
- },
- "selector": " > .alignwide"
- }
- ],
- "className": "is-layout-constrained",
- "name": "constrained",
- "slug": "constrained",
- "spacingStyles": [
- {
- "rules": {
- "margin-block-start": "0"
- },
- "selector": " > :first-child:first-child"
- },
- {
- "rules": {
- "margin-block-end": "0"
- },
- "selector": " > :last-child:last-child"
- },
- {
- "rules": {
- "margin-block-end": "0",
- "margin-block-start": null
- },
- "selector": " > *"
- }
- ]
- },
- "default": {
- "baseStyles": [
- {
- "rules": {
- "float": "left",
- "margin-inline-end": "2em",
- "margin-inline-start": "0"
- },
- "selector": " > .alignleft"
- },
- {
- "rules": {
- "float": "right",
- "margin-inline-end": "0",
- "margin-inline-start": "2em"
- },
- "selector": " > .alignright"
- },
- {
- "rules": {
- "margin-left": "auto !important",
- "margin-right": "auto !important"
- },
- "selector": " > .aligncenter"
- }
- ],
- "className": "is-layout-flow",
- "name": "default",
- "slug": "flow",
- "spacingStyles": [
- {
- "rules": {
- "margin-block-start": "0"
- },
- "selector": " > :first-child:first-child"
- },
- {
- "rules": {
- "margin-block-end": "0"
- },
- "selector": " > :last-child:last-child"
- },
- {
- "rules": {
- "margin-block-end": "0",
- "margin-block-start": null
- },
- "selector": " > *"
- }
- ]
- },
- "flex": {
- "baseStyles": [
- {
- "rules": {
- "align-items": "center",
- "flex-wrap": "wrap"
- },
- "selector": ""
- },
- {
- "rules": {
- "margin": "0"
- },
- "selector": " > *"
- }
- ],
- "className": "is-layout-flex",
- "displayMode": "flex",
- "name": "flex",
- "slug": "flex",
- "spacingStyles": [
- {
- "rules": {
- "gap": null
- },
- "selector": ""
- }
- ]
- },
- "grid": {
- "baseStyles": [
- {
- "rules": {
- "margin": "0"
- },
- "selector": " > *"
- }
- ],
- "className": "is-layout-grid",
- "displayMode": "grid",
- "name": "grid",
- "slug": "grid",
- "spacingStyles": [
- {
- "rules": {
- "gap": null
- },
- "selector": ""
- }
- ]
- }
- },
  "wideSize": false
  },
  "shadow": {
@@ -716,13 +378,7 @@
  },
  "spacing": {
  "customSpacingSize": true,
- "spacingScale": {
- "increment": 1.5,
- "mediumStep": 1.5,
- "operator": "*",
- "steps": 7,
- "unit": "rem"
- },
+ "defaultSpacingSizes": false,
  "spacingSizes": [],
  "units": [
  "%",
@@ -735,6 +391,7 @@
  },
  "typography": {
  "customFontSize": true,
+ "defaultFontSizes": false,
  "dropCap": true,
  "fluid": true,
  "fontFamilies": [
@@ -1257,6 +914,6 @@
  "name": "footer"
  }
  ],
- "version": 2,
+ "version": 3,
  "$schema": "https://schemas.wp.org/trunk/theme.json"
 }