cleanslate

Thanks for the follow up. So they handle the upstream collisions nicely (i.e. the embedded content not affecting the parent site). But the other side of it is the downstream (i.e. the parent site doing `div { color: black }` which propogates to the embedded content) and it won't handle that nicely. You can do something like cleanslate does (https://github.com/premasagar/cleanslate) to aggressively unset so the parent sites CSS gets "disarmed". But it is not the smoothest and things like REM unit values still propagate to the embedded content.

so the `initial` value can functionally replicate this. https://developer.mozilla.org/en/CSS/initial You just apply that to each property you want to reset. You might think that applying it to EVERY property is a nightmare but in many cases you wouldnt need to. Disqus, for example, operates in your own CSS so it can look native to the page. They only have to override a few properties to assure their layout is good. So yeah, while `inherit:none` would be awesome, I think `prop: initial` gets us most of the way there. Also related: https://github.com/premasagar/cleanslate