Re: [w3c/webcomponents] Provide an option which allows global CSSes to style elements inside a shadow tree (#769)

> Yeah, in particular the example you've proposed shows the problem doing this would have, which is that, if I write a component assuming that the regular layout box model is used, I definitely don't want it to be affected by your `* { box-sizing: border-box }` rule, for example.

In this case, just use `outsideStyle: 'forbid'`

As I have explained, the default behavior is fit for component libraries, for example [ng-material](https://github.com/angular/material2) or [element](https://github.com/ElemeFE/element), to ensure that they are looked just like how they are designed everywhere.

But it's not the case in general development. In my project that I'm worked on everyday, we are using  `* { margin: 0; padding: 0; }`. I dont want to discuss whether it's a good design or not, but my teamates and I get used to it. If you force them to write it in every component, they will feel trouble.

-- 
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/w3c/webcomponents/issues/769#issuecomment-433937943