title: Do CSS functions exist?
body: <p>I'm not sure what to call this, but basically let's say I have a style that I use a lot, </p>
  
  <pre><code>.somepattern{
      font-size:16px;
      font-weight:bold;
      border:2px solid red;
  }
  </code></pre>
  
  <p>but sometime I want to change the <code>font-size</code> and the color for <code>border</code>. Is it possible to treat this code as a library, where I can set the style to a div </p>
  
  <pre><code>&lt;div class="somepattern"&gt;Text&lt;/div&gt;
  </code></pre>
  
  <p>but still control the <code>16px</code> and <code>red</code> like we do with functions? </p>