title: CSS DRY concept applied
body: <p>I have the following CSS:</p>
  
  <pre><code>    &amp;.fixed-map {
        width: 100%!important;
        position: fixed!important;
        left: 0;
      }
      &amp;.under-750 {
        width: 100%!important;
        position: static;
      }
      &amp;.over-1025 {
        position: static;
      }
  </code></pre>
  
  <p>Does this have a performance boost from a CSS perspective?</p>
  
  <pre><code>&amp;.fixed-map,
  &amp;.under-750 {
    width: 100%!important;
  }
  &amp;.under-750,
  &amp;.over-1025 {
    position: static;
  }
  &amp;.fixed-map {
      position: fixed!important;
      left: 0;
  }
  </code></pre>
  
  <p>or is it only a better way of writing the CSS?</p>