title: CSS: define media query within one class
body: <p>Is it possible to write something like </p>
  
  <pre><code>.global-container
    margin-top: 60px
    background-image: $image-bg
    @media(max-width: 767px)
      margin-top: 0
      background-image: none
  </code></pre>
  
  <p>So we can define the desktop and mobile css within a class</p>
  
  <p>I've tried this, but it seems not working</p>
  
  <p>UPDATE:
  This is actually working:
   <a href="http://css-tricks.com/media-queries-sass-3-2-and-codekit/" rel="noreferrer">http://css-tricks.com/media-queries-sass-3-2-and-codekit/</a></p>