test/integration/fixtures/theme-json/responsive-elements/theme.json - trunk - githubmirror/gutenberg

test/integration/fixtures/theme-json/responsive-elements/theme.json

128 строк2 KB

Ramon

theme.json schema: responsive states belong to blocks (#81253)

07 авг 2026, 09:20

07 авг 2026, 09:20197c370

{
	"$schema": "../../../../../schemas/json/theme.json",
	"version": 3,
	"styles": {
		"blocks": {
			"core/group": {
				"@mobile": {
					"spacing": {
						"padding": {
							"top": "1rem",
							"bottom": "1rem"
						}
					},
					"elements": {
						"link": {
							"color": {
								"text": "var(--wp--preset--color--primary)"
							},
							":hover": {
								"color": {
									"text": "var(--wp--preset--color--secondary)"
								}
							}
						},
						"h2": {
							"typography": {
								"fontSize": "1.5rem"
							}
						}
					}
				},
				"@tablet": {
					"elements": {
						"button": {
							"color": {
								"background": "var(--wp--preset--color--primary)"
							}
						}
					}
				}
			},
			"core/button": {
				"@mobile": {
					"elements": {
						"link": {
							"color": {
								"text": "var(--wp--preset--color--primary)"
							}
						}
					},
					":hover": {
						"color": {
							"background": "var(--wp--preset--color--secondary)"
						}
					}
				},
				"variations": {
					"outline": {
						"@mobile": {
							"elements": {
								"link": {
									"color": {
										"text": "var(--wp--preset--color--primary)"
									}
								}
							}
						}
					}
				}
			},
			"core/navigation-link": {
				"@tablet": {
					"elements": {
						"link": {
							"color": {
								"text": "var(--wp--preset--color--primary)"
							},
							":hover": {
								"color": {
									"text": "var(--wp--preset--color--secondary)"
								}
							}
						}
					}
				}
			},
			"my-plugin/custom-block": {
				"@mobile": {
					"elements": {
						"link": {
							"color": {
								"text": "var(--wp--preset--color--primary)"
							}
						}
					}
				}
			}
		},
		"variations": {
			"custom-variation": {
				"blocks": {
					"core/group": {
						"@mobile": {
							"elements": {
								"link": {
									"color": {
										"text": "var(--wp--preset--color--primary)"
									}
								}
							}
						}
					},
					"core/button": {
						"@mobile": {
							"elements": {
								"link": {
									"color": {
										"text": "var(--wp--preset--color--primary)"
									}
								}
							}
						}
					}
				}
			}
		}
	}
}