Opened 7 weeks ago
Last modified 7 weeks ago
#64974 new enhancement
Block Supports: Add background gradient support that can combine with background images
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | 7.1 | Priority: | normal |
| Severity: | normal | Version: | |
| Component: | Editor | Keywords: | gutenberg-merge has-patch has-unit-tests |
| Focuses: | Cc: |
Description
This ticket tracks the backport of PHP files for the following Gutenberg update:
https://github.com/WordPress/gutenberg/pull/75859
Adds background.gradient as a new block support, enabling blocks to have a gradient picker in the Background panel. This is separate from the existing color.gradient in the Color panel and allows blocks to combine a background gradient with a background image via comma-separated background-image CSS values.
The ability to move away from the shorthand background CSS property for block supports is also required to unblock further design tooling improvements such as text gradients.
Change History (1)
This ticket was mentioned in PR #11384 on WordPress/wordpress-develop by @aaronrobertshaw.
7 weeks ago
#1
- Keywords has-patch has-unit-tests added
Trac ticket: https://core.trac.wordpress.org/ticket/64974
styles.blocks.core/group.background.gradientproperty (e.g.,"gradient": "linear-gradient(135deg, #000 0%, #fff 100%)"). Verify the gradient renders correctly on the frontend.backgroundImageon the same Group block and confirm both values combine into a singlebackground-imageCSS declaration.style.color.gradientsupport continues to work on blocks that don't opt intobackground.gradient.style.color.gradientandstyle.background.gradient— confirmbackground.gradienttakes precedence and thecolor.gradientshorthand is suppressed.