title: Angular 2.0 left to right module and shadow DOM
body: <p>I have a website which supports "right to left" language such as Arabic.
  In case the language is arabic, I put on the body tag the <code>dir="rtl"</code> attribute. In this manner, all the inline positioned children are aligned from the right side, even if they are within custom components.</p>
  
  <p>Now I would like to have a custom style in case or one of those components is inheriting a right to left directive. The common way to achieve so is as follow:</p>
  
  <pre><code>body[dir="rtl"] myComponent {
  // custom style if I am in right to left
  }
  </code></pre>
  
  <p>The problem is, using shadow DOM, the selector will not get the parent's attribute and therefore my style will not be applied. I am therefore wondering if there is any way a module to explicitly inherit from a parent property using Angular 2.0 ? In this way I could simply write</p>
  
  <pre><code>myComponent[dir="rtl"]{
  // my stlyles
  }
  </code></pre>
  
  <p>And I am done…</p>