What's the substitute for ::shadow and /deep/?

Question

The two shadow-piercing combinators have been removed, as stated in https://www.chromestatus.com/features/6750456638341120

So, what's the substitute for achieving the same thing? Or has this shadow-piercing feature been completely abandoned?

Answer 1

::shadow and /deep/ were removed for breaking encapsulation.

The substitutes are:

• CSS variables. It already works natively with the recently launched Google Chrome 49. Read here:
  1. http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/
  2. https://developers.google.com/web/updates/2016/02/css-variables-why-should-you-care?hl=en
  3. http://blog.chromium.org/2016/02/chrome-49-beta-css-custom-properties.html
• :host-context. Read here: http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/