- From: Praveen Puglia via GitHub <sysbot+gh@w3.org>
- Date: Sun, 18 Jun 2017 18:03:01 +0000
- To: public-css-archive@w3.org
praveenpuglia has just created a new issue for https://github.com/w3c/csswg-drafts: == [css-scoping] The `::slotted()` doesn't say anything about the fallback slot content. == The spec says > The ::slotted() pseudo-element represents the elements assigned, after flattening, to a slot. This pseudo-element only exists on slots. If I now arrive at a situation where the fallback for a slot is used, I am guessing that it'll come up in the flattened view as well. That would mean that I can find use the `::slotted()` to query the fallback markup elements and apply styles to them? It's not really clear how to style the fallback content in general. Currently I am doing something like this inside my shadow-root styles. ```css /* works but not sure if this is the best way to do it. */ slot[name="profile-picture"] svg { width: 64px; height: 64px; } /* doesn't */ ::slotted(svg) { width: var(--card-picture-dimension, 64px); height: var(--card-picture-dimension, 64px); } ``` Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1535 using your GitHub account
Received on Sunday, 18 June 2017 18:03:10 UTC