How to inherit scoped styles in Vue to child components

I just learned from VueDoese Newsletter that elements in nested components are stylable from the parent while still having scoped css with the /deep/ selector:

.parent /deep/ .child {
  color: indigo;
}

Read the full Post by VueDose. Or have a look at the example.