title: Style reflection in nested polymer based Custom Element from parent <div>
body: <p>I am currently evaluating Polymer as an option to use Custom Elements and so far I am impressed with the capabilities.My JavaScript coding skills are a bit lacking, so please do bear with me.</p>
  
  <p>Is there any way a Custom Element could receive notifications or changes in the Div tag,style or CSS in which the Custom Element is embedded. In other words, is there a specific way I could know of changes of the parent node  in which  objects are embedded, like the example below using  simple JavaScript like :</p>
  
  <pre><code>document.querySelector('#test').style[['top','left','right','width','height','bottom']    [Math.floor(Math.random()*5)]]=Math.floor(Math.random()*100);
  </code></pre>
  
  <p>I was hoping that the call above would allow changes to propagate through to all nest custom elements.</p>
  
  <pre><code>&lt;div id="test" style="top: 400; left: 50; width: 200; height: 300;"&gt;
  &lt;x-foo&gt;&lt;/x-foo&gt;
  &lt;x-foo&gt;&lt;/x-foo&gt;
  &lt;x-foo&gt;&lt;/x-foo&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help appreciated.
  Thanks.</p>