title: CSS/SCSS media query or class
body: <p>i need run the same style with media query and class.
    For example i need set 200px when screen is less then 500px or when have class .active.
    How do this in smart way? Without copy/paste code?</p>
  
  <p>Not working:</p>
  
  <pre><code>@media(max-width: 500px), .active {
        width: 200px;
      }
  </code></pre>