mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-11 23:28:18 +02:00
Backports the following changes from the Gutenberg repository: * [WordPress/gutenberg/40875 gutenberg/40875] Layout: Use semantic classnames, centralize layout definitions, reduce duplication, and fix blockGap in theme.json * [WordPress/gutenberg/42544 gutenberg/42544] Layout: Add a disable-layout-styles theme supports flag to opt out of all layout styles gutenberg/42544 * [WordPress/gutenberg/42087 gutenberg/42087] Theme.json: Add block support feature level selectors for blocks gutenberg/42087 * [WordPress/gutenberg/43792 gutenberg/43792] Global Styles: Split root layout rules into a different function gutenberg/43792 * [WordPress/gutenberg/42544 gutenberg/42544] Layout: Add a disable-layout-styles theme supports flag to opt out of all layout styles gutenberg/42544 * [WordPress/gutenberg/42665 gutenberg/42665] Layout: Reduce specificity of fallback blockGap styles gutenberg/42665 * [WordPress/gutenberg/42085 gutenberg/42085] Core CSS support for root padding and alignfull blocks gutenberg/42085 Notes: * It doesn't entirely port over PR 40875 — the remaining PHP changes for that PR will be explored in a separate PR targeting `layout.php`. * [54159] was reverted in [54160] due to PHPUnit test failures for tests added by the commit. Later, tests passed when applied on top of `trunk`. There were various outages today of upstream `wp-env` dependencies, which likely were the root cause of the earlier failures. For historical tracking and to make sure, recommitting [54159] but instead on top of current `trunk`. See PR 3205 for more details. * Giving additional props for those who did a deep dive investigation into the failed tests. Follow-up to [54160], [54159]. Props andrewserong, aaronrobertshaw, isabel_brison, bernhard-reiter, hellofromTonya. See #56467. Built from https://develop.svn.wordpress.org/trunk@54162 git-svn-id: http://core.svn.wordpress.org/trunk@53721 1a063a9b-81f0-0310-95a4-ce76da25c4cd
427 lines
9.2 KiB
JSON
427 lines
9.2 KiB
JSON
{
|
|
"version": 2,
|
|
"settings": {
|
|
"appearanceTools": false,
|
|
"useRootPaddingAwareAlignments": false,
|
|
"border": {
|
|
"color": false,
|
|
"radius": false,
|
|
"style": false,
|
|
"width": false
|
|
},
|
|
"color": {
|
|
"background": true,
|
|
"custom": true,
|
|
"customDuotone": true,
|
|
"customGradient": true,
|
|
"defaultDuotone": true,
|
|
"defaultGradients": true,
|
|
"defaultPalette": true,
|
|
"duotone": [
|
|
{
|
|
"name": "Dark grayscale",
|
|
"colors": [ "#000000", "#7f7f7f" ],
|
|
"slug": "dark-grayscale"
|
|
},
|
|
{
|
|
"name": "Grayscale",
|
|
"colors": [ "#000000", "#ffffff" ],
|
|
"slug": "grayscale"
|
|
},
|
|
{
|
|
"name": "Purple and yellow",
|
|
"colors": [ "#8c00b7", "#fcff41" ],
|
|
"slug": "purple-yellow"
|
|
},
|
|
{
|
|
"name": "Blue and red",
|
|
"colors": [ "#000097", "#ff4747" ],
|
|
"slug": "blue-red"
|
|
},
|
|
{
|
|
"name": "Midnight",
|
|
"colors": [ "#000000", "#00a5ff" ],
|
|
"slug": "midnight"
|
|
},
|
|
{
|
|
"name": "Magenta and yellow",
|
|
"colors": [ "#c7005a", "#fff278" ],
|
|
"slug": "magenta-yellow"
|
|
},
|
|
{
|
|
"name": "Purple and green",
|
|
"colors": [ "#a60072", "#67ff66" ],
|
|
"slug": "purple-green"
|
|
},
|
|
{
|
|
"name": "Blue and orange",
|
|
"colors": [ "#1900d8", "#ffa96b" ],
|
|
"slug": "blue-orange"
|
|
}
|
|
],
|
|
"gradients": [
|
|
{
|
|
"name": "Vivid cyan blue to vivid purple",
|
|
"gradient": "linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)",
|
|
"slug": "vivid-cyan-blue-to-vivid-purple"
|
|
},
|
|
{
|
|
"name": "Light green cyan to vivid green cyan",
|
|
"gradient": "linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)",
|
|
"slug": "light-green-cyan-to-vivid-green-cyan"
|
|
},
|
|
{
|
|
"name": "Luminous vivid amber to luminous vivid orange",
|
|
"gradient": "linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%)",
|
|
"slug": "luminous-vivid-amber-to-luminous-vivid-orange"
|
|
},
|
|
{
|
|
"name": "Luminous vivid orange to vivid red",
|
|
"gradient": "linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%)",
|
|
"slug": "luminous-vivid-orange-to-vivid-red"
|
|
},
|
|
{
|
|
"name": "Very light gray to cyan bluish gray",
|
|
"gradient": "linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%)",
|
|
"slug": "very-light-gray-to-cyan-bluish-gray"
|
|
},
|
|
{
|
|
"name": "Cool to warm spectrum",
|
|
"gradient": "linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%)",
|
|
"slug": "cool-to-warm-spectrum"
|
|
},
|
|
{
|
|
"name": "Blush light purple",
|
|
"gradient": "linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%)",
|
|
"slug": "blush-light-purple"
|
|
},
|
|
{
|
|
"name": "Blush bordeaux",
|
|
"gradient": "linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%)",
|
|
"slug": "blush-bordeaux"
|
|
},
|
|
{
|
|
"name": "Luminous dusk",
|
|
"gradient": "linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)",
|
|
"slug": "luminous-dusk"
|
|
},
|
|
{
|
|
"name": "Pale ocean",
|
|
"gradient": "linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%)",
|
|
"slug": "pale-ocean"
|
|
},
|
|
{
|
|
"name": "Electric grass",
|
|
"gradient": "linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%)",
|
|
"slug": "electric-grass"
|
|
},
|
|
{
|
|
"name": "Midnight",
|
|
"gradient": "linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)",
|
|
"slug": "midnight"
|
|
}
|
|
],
|
|
"link": false,
|
|
"palette": [
|
|
{
|
|
"name": "Black",
|
|
"slug": "black",
|
|
"color": "#000000"
|
|
},
|
|
{
|
|
"name": "Cyan bluish gray",
|
|
"slug": "cyan-bluish-gray",
|
|
"color": "#abb8c3"
|
|
},
|
|
{
|
|
"name": "White",
|
|
"slug": "white",
|
|
"color": "#ffffff"
|
|
},
|
|
{
|
|
"name": "Pale pink",
|
|
"slug": "pale-pink",
|
|
"color": "#f78da7"
|
|
},
|
|
{
|
|
"name": "Vivid red",
|
|
"slug": "vivid-red",
|
|
"color": "#cf2e2e"
|
|
},
|
|
{
|
|
"name": "Luminous vivid orange",
|
|
"slug": "luminous-vivid-orange",
|
|
"color": "#ff6900"
|
|
},
|
|
{
|
|
"name": "Luminous vivid amber",
|
|
"slug": "luminous-vivid-amber",
|
|
"color": "#fcb900"
|
|
},
|
|
{
|
|
"name": "Light green cyan",
|
|
"slug": "light-green-cyan",
|
|
"color": "#7bdcb5"
|
|
},
|
|
{
|
|
"name": "Vivid green cyan",
|
|
"slug": "vivid-green-cyan",
|
|
"color": "#00d084"
|
|
},
|
|
{
|
|
"name": "Pale cyan blue",
|
|
"slug": "pale-cyan-blue",
|
|
"color": "#8ed1fc"
|
|
},
|
|
{
|
|
"name": "Vivid cyan blue",
|
|
"slug": "vivid-cyan-blue",
|
|
"color": "#0693e3"
|
|
},
|
|
{
|
|
"name": "Vivid purple",
|
|
"slug": "vivid-purple",
|
|
"color": "#9b51e0"
|
|
}
|
|
],
|
|
"text": true
|
|
},
|
|
"layout": {
|
|
"definitions": {
|
|
"default": {
|
|
"name": "default",
|
|
"slug": "flow",
|
|
"className": "is-layout-flow",
|
|
"baseStyles": [
|
|
{
|
|
"selector": " > .alignleft",
|
|
"rules": {
|
|
"float": "left",
|
|
"margin-inline-start": "0",
|
|
"margin-inline-end": "2em"
|
|
}
|
|
},
|
|
{
|
|
"selector": " > .alignright",
|
|
"rules": {
|
|
"float": "right",
|
|
"margin-inline-start": "2em",
|
|
"margin-inline-end": "0"
|
|
}
|
|
},
|
|
{
|
|
"selector": " > .aligncenter",
|
|
"rules": {
|
|
"margin-left": "auto !important",
|
|
"margin-right": "auto !important"
|
|
}
|
|
}
|
|
],
|
|
"spacingStyles": [
|
|
{
|
|
"selector": " > *",
|
|
"rules": {
|
|
"margin-block-start": "0",
|
|
"margin-block-end": "0"
|
|
}
|
|
},
|
|
{
|
|
"selector": " > * + *",
|
|
"rules": {
|
|
"margin-block-start": null,
|
|
"margin-block-end": "0"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"constrained": {
|
|
"name": "constrained",
|
|
"slug": "constrained",
|
|
"className": "is-layout-constrained",
|
|
"baseStyles": [
|
|
{
|
|
"selector": " > .alignleft",
|
|
"rules": {
|
|
"float": "left",
|
|
"margin-inline-start": "0",
|
|
"margin-inline-end": "2em"
|
|
}
|
|
},
|
|
{
|
|
"selector": " > .alignright",
|
|
"rules": {
|
|
"float": "right",
|
|
"margin-inline-start": "2em",
|
|
"margin-inline-end": "0"
|
|
}
|
|
},
|
|
{
|
|
"selector": " > .aligncenter",
|
|
"rules": {
|
|
"margin-left": "auto !important",
|
|
"margin-right": "auto !important"
|
|
}
|
|
},
|
|
{
|
|
"selector": " > :where(:not(.alignleft):not(.alignright):not(.alignfull))",
|
|
"rules": {
|
|
"max-width": "var(--wp--style--global--content-size)",
|
|
"margin-left": "auto !important",
|
|
"margin-right": "auto !important"
|
|
}
|
|
},
|
|
{
|
|
"selector": " > .alignwide",
|
|
"rules": {
|
|
"max-width": "var(--wp--style--global--wide-size)"
|
|
}
|
|
}
|
|
],
|
|
"spacingStyles": [
|
|
{
|
|
"selector": " > *",
|
|
"rules": {
|
|
"margin-block-start": "0",
|
|
"margin-block-end": "0"
|
|
}
|
|
},
|
|
{
|
|
"selector": " > * + *",
|
|
"rules": {
|
|
"margin-block-start": null,
|
|
"margin-block-end": "0"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"flex": {
|
|
"name": "flex",
|
|
"slug": "flex",
|
|
"className": "is-layout-flex",
|
|
"displayMode": "flex",
|
|
"baseStyles": [
|
|
{
|
|
"selector": "",
|
|
"rules": {
|
|
"flex-wrap": "wrap",
|
|
"align-items": "center"
|
|
}
|
|
},
|
|
{
|
|
"selector": " > *",
|
|
"rules": {
|
|
"margin": "0"
|
|
}
|
|
}
|
|
],
|
|
"spacingStyles": [
|
|
{
|
|
"selector": "",
|
|
"rules": {
|
|
"gap": null
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"spacing": {
|
|
"blockGap": null,
|
|
"margin": false,
|
|
"padding": false,
|
|
"customSpacingSize": true,
|
|
"units": [ "px", "em", "rem", "vh", "vw", "%" ],
|
|
"spacingScale": {
|
|
"operator": "*",
|
|
"increment": 1.5,
|
|
"steps": 7,
|
|
"mediumStep": 1.5,
|
|
"unit": "rem"
|
|
}
|
|
},
|
|
"typography": {
|
|
"customFontSize": true,
|
|
"dropCap": true,
|
|
"fontSizes": [
|
|
{
|
|
"name": "Small",
|
|
"slug": "small",
|
|
"size": "13px"
|
|
},
|
|
{
|
|
"name": "Medium",
|
|
"slug": "medium",
|
|
"size": "20px"
|
|
},
|
|
{
|
|
"name": "Large",
|
|
"slug": "large",
|
|
"size": "36px"
|
|
},
|
|
{
|
|
"name": "Extra Large",
|
|
"slug": "x-large",
|
|
"size": "42px"
|
|
}
|
|
],
|
|
"fontStyle": true,
|
|
"fontWeight": true,
|
|
"letterSpacing": true,
|
|
"lineHeight": false,
|
|
"textDecoration": true,
|
|
"textTransform": true
|
|
},
|
|
"blocks": {
|
|
"core/button": {
|
|
"border": {
|
|
"radius": true
|
|
}
|
|
},
|
|
"core/pullquote": {
|
|
"border": {
|
|
"color": true,
|
|
"radius": true,
|
|
"style": true,
|
|
"width": true
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"styles": {
|
|
"elements": {
|
|
"button": {
|
|
"color": {
|
|
"text": "#fff",
|
|
"background": "#32373c"
|
|
},
|
|
"spacing": {
|
|
"padding": "calc(0.667em + 2px) calc(1.333em + 2px)"
|
|
},
|
|
"typography": {
|
|
"fontSize": "inherit",
|
|
"fontFamily": "inherit",
|
|
"lineHeight": "inherit",
|
|
"textDecoration": "none"
|
|
},
|
|
"border": {
|
|
"width": "0"
|
|
}
|
|
},
|
|
"link": {
|
|
"typography": {
|
|
"textDecoration": "underline"
|
|
}
|
|
}
|
|
},
|
|
"spacing": {
|
|
"blockGap": "24px",
|
|
"padding": {
|
|
"top": "0px",
|
|
"right": "0px",
|
|
"bottom": "0px",
|
|
"left": "0px"
|
|
}
|
|
}
|
|
}
|
|
}
|