title: Media queries inside CSS classes
body: <p>So I'm trying to do something like this:</p>
  
  <pre><code>.myClass
  {
      @media all (max-width: 1024px) {
          left: 33%;
      }
      @media all (min-width:1025px) {
          left: 25%;
      } 
  }
  </code></pre>
  
  <p>but for some reason isn't working. Is there any way I could achieve this?</p>
  
  <p>EDIT: I know that you can achieve that by putting the media queries outside, but I don't want to do that =(</p>