title: CSS Class name parameters?
body: <p>Is there a more efficient way of declaring and using these (very similar/repetitive) CSS classes:</p>
  
  <pre><code>div.rounded20
  {
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
  }
  
  div.rounded15
  {
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
  }
  </code></pre>
  
  <p>Say maybe with something along the lines of:</p>
  
  <pre><code>div.rounded(@Y)
  {
    -webkit-border-radius:@Ypx;
    -moz-border-radius:@Ypx;
  }
  </code></pre>
  
  <p>And the actual class usage being</p>
  
  <pre><code>&lt;div class="rounded(15)" ...&gt;
  </code></pre>
  
  <p>Any suggestions are welcomed, including using jquery or an alternate styling method...</p>