title: Flex styles CSS using var
body: <p>I am using CSS stylesheet which has multiple styles defined in it which are based on a 'baseColour' property in my Flex application.
  When application load first time, this baseColour is applied to all styles correctly. </p>
  
  <p>Now, what I am looking for is: If user updates this 'baseColour', then all the component styles should update themselves which are based on this 'baseColour'.</p>
  
  <p>How can I achieve this? Any pointers will be helpful.
  Thanks.</p>
  
  <p>styles.css</p>
  
  <pre><code>.leftPage
  {
      skinClass: ClassReference("skins.LeftPageSkin");
      themeColour: PropertyReference("baseColour");
  }
  
  .rightPage
  {
      skinClass: ClassReference("skins.RightPageSkin");
      themeColour: PropertyReference("baseColour");
  }
  </code></pre>