Propagate container query to childrens child

90 views Asked by At

I'm currently testing out some stuff with container queries. It feels great so far, except one issue. I have a header with 100% width, with 2 slots(shadowRoot), left & right. Inside of the right area I have 2 buttons that should become icon buttons when the header is below a certain width(See attached image). I would like to only have some global breakpoints and not do specific widths for each div, so the container should be the entire header. Though, since it's the buttons that should change appearance when the container changes, I would like to propagate the container "trigger" down to the slot right. My question is, is this possible at the moment?

So, Header is my container, and I want to propagate this down to the 2 Button for them to change into icons. It's unfortunately not possible in this specific case to just remove the right div and have the buttons as direct children to Header. Thank you in advance!

enter image description here

0

There are 0 answers