Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add patterns as an overlay option in addition to colors and gradients #38577

Open
Tracked by #33447
jasmussen opened this issue Feb 7, 2022 · 0 comments
Open
Tracked by #33447
Labels
[Block] Cover Affects the Cover Block - used to display content laid over a background image [Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi [Type] Enhancement A suggestion for improvement.

Comments

@jasmussen
Copy link
Contributor

The Cover block lets you choose between color and gradient for the overlay:

Colors

Extending that to allow the use of a pattern can potentially open up some stylish expressions, perhaps especially when applied to video. Shown here, a pixel grid overlay:

Pattern

The existing color picker could be extended to surface these patterns as a tab, just like gradients:

Cover layered overlays i5

The patterns themselves can be entirely CSS based, here's a codepen with an example.

@jasmussen jasmussen added the [Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi label Feb 7, 2022
@mtias mtias mentioned this issue Aug 2, 2023
65 tasks
@jordesign jordesign added [Type] Enhancement A suggestion for improvement. [Block] Cover Affects the Cover Block - used to display content laid over a background image labels Aug 30, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Cover Affects the Cover Block - used to display content laid over a background image [Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

2 participants