WordPress / community-themes

A collection of Block Themes built by the WordPress community.
80 stars 33 forks source link

Blue note index pattern #65

Closed MaggieCabrera closed 1 year ago

MaggieCabrera commented 1 year ago

This PR closes https://github.com/WordPress/community-themes/issues/9 and https://github.com/WordPress/community-themes/issues/10 and partially addresses https://github.com/WordPress/community-themes/issues/11

It's built on top of https://github.com/WordPress/community-themes/issues/60, let's merge that one first.

I don't think there's an easy way to change the duotone colors via CSS, so I'm leaving that to last, let's see if we can come up with an idea for it

I created a pattern for the query block and reused it for the index, search and archive templates.

MaggieCabrera commented 1 year ago

@scruffian had an idea for the duotone colors, we could duplicate the featured images and hide the 2 with the wrong colors for each iteration of the loop. If we align the images on top of each other we can also play with z-index and even include some hover animation with the duotones too. I'm going to give that a try.

carolinan commented 1 year ago

This is working well in my manual test.

One question. Should .stacked-featured-images be prefixed? Because we know that core and Gutenberg won't prefix it if they introduce something similar.