mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-29 12:37:57 +01:00
93dfe28aaf
Adds Deep, Outlined, and Crisp default shadow presets to Core's `theme.json` file. Updates the Natural and Sharp `'shadow'` styles. These shadow presets are used to populate the Shadow tools in the Site Editor's Global Styles UI. References: * [https://github.com/WordPress/gutenberg/pull/46502 Gutenberg PR 46502] Follow-up to [55176]. Props franz00, madhudollu, ajlende, beafialho, costdev, dhrupo, fabiankaegy, hellofromTonya, jameskoster, joen, kellychoffman, mamaduka, mtias, oandregal, priethor, richtabor, scruffian. Fixes #57708. See #57559. Built from https://develop.svn.wordpress.org/trunk@55405 git-svn-id: http://core.svn.wordpress.org/trunk@54938 1a063a9b-81f0-0310-95a4-ce76da25c4cd
457 lines
9.8 KiB
JSON
457 lines
9.8 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
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"shadow": {
|
|
"defaultPresets": true,
|
|
"presets": [
|
|
{
|
|
"name": "Natural",
|
|
"slug": "natural",
|
|
"shadow": "6px 6px 9px rgba(0, 0, 0, 0.2)"
|
|
},
|
|
{
|
|
"name": "Deep",
|
|
"slug": "deep",
|
|
"shadow": "12px 12px 50px rgba(0, 0, 0, 0.4)"
|
|
},
|
|
{
|
|
"name": "Sharp",
|
|
"slug": "sharp",
|
|
"shadow": "6px 6px 0px rgba(0, 0, 0, 0.2)"
|
|
},
|
|
{
|
|
"name": "Outlined",
|
|
"slug": "outlined",
|
|
"shadow": "6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1)"
|
|
},
|
|
{
|
|
"name": "Crisp",
|
|
"slug": "crisp",
|
|
"shadow": "6px 6px 0px rgba(0, 0, 0, 1)"
|
|
}
|
|
]
|
|
},
|
|
"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"
|
|
}
|
|
}
|
|
}
|
|
}
|