docs(core): describe interactions between view-encapsulated components

[petebacondarwin]

This commit adds information to the view encapsulation guide that
describes the styling interactions between components that use differing
view encapsulation modes.

Closes #40715

Here is a link to the main section of the docs that changed: https://pr42397-a0dcc27.ngbuilds.io/guide/view-encapsulation#mixing-encapsulation-modes

[mary-poppins]

You can preview a0dcc27 at https://pr42397-a0dcc27.ngbuilds.io/.

[mary-poppins]

You can preview 9265450 at https://pr42397-9265450.ngbuilds.io/.

[AndrewKushnir]

@petebacondarwin this is awesome, thanks for putting this together! 👍

I've left a couple really minor comments and I think it'd be great if @jelbourn can have a look at these changes too to see if there is any additional feedback/improvements.

[TeriGlover]

Editing review completed, left a few suggestions. Otherwise, LGTM.

[petebacondarwin]

I have added two fixup commits:

• The first deals directly with the feedback from @AndrewKushnir and @TeriGlover (thanks!).
• The second is a bit of a rewrite because I realised that the examples did not cover very well the fact that that no-encapsulation styles are still available within shadow-dom encapsulation components.

PTAL

• Mixing encapsulation modes
• Examples

[mary-poppins]

You can preview 0cb5e7b at https://pr42397-0cb5e7b.ngbuilds.io/.

[TeriGlover]

A few suggestions, otherwise LGTM.

[TeriGlover]

Review complete with a few suggestions, otherwise LGTM.

…

On Fri, May 28, 2021 at 8:02 AM Mary Poppins ***@***.***> wrote: You can preview 0cb5e7b <0cb5e7b> at https://pr42397-0cb5e7b.ngbuilds.io/. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#42397 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AR4DPGWGGOSCC2MDJPJ5STTTP6V7LANCNFSM45VBIU4A> .

-- *--Teri Glover--* *Technical Editor*

[mary-poppins]

You can preview 3f065f3 at https://pr42397-3f065f3.ngbuilds.io/.

[AndrewKushnir]

Great work, thanks Pete 👍

[petebacondarwin]

@jelbourn can you PTAL? Thanks

[mary-poppins]

You can preview da87925 at https://pr42397-da87925.ngbuilds.io/.

[jelbourn]

LGTM

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}