title: Dynamic CSS in ember component?
body: <p>How to pass dynamic CSS property </p>
  
  <pre><code>{{test-component  height=height}}
  </code></pre>
  
  <p>test-component.hbs </p>
  
  <pre><code>&lt;div class="flip-container "&gt;
      &lt;div class="flipper"&gt;
          &lt;div class="front"&gt;
              RED SIDE
          &lt;/div&gt;
          &lt;div class="back"&gt;
              BLUE SIDE
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Suppose I want to modify this CSS property</p>
  
  <pre><code>.flip-container, .front, .back {
      width: 10em;
      height: 20em;
  }
  </code></pre>
  
  <p>I have seen <code>bind-attr</code> helper , but now it's deprecated. </p>