Dan Dan - 6 months ago 25
CSS Question

Media queries with sass

I'm getting errors compiling my sass files using media query mixins. I followed several tutorials, but it won't compile. I'm using

Sass 3.3.0.alpha.67 (Bleeding Edge)
.

Here's my code

/* Included at the end */
@mixin mobile-only {
@media (max-width : 320px) {
@content;
}
}

/* Included where the rest of my sass is */
body { @include mobile-only {
display: none;
}
}


I'm using scout to compile and watch for changes. Is there anything else I need to be doing?

Dan Dan
Answer

Doesn't seem to be an issue anymore. The slightly modified code is explained in this codepen http://codepen.io/danielcgold/pen/RRNrPQ.

@mixin start-desktop-size {
  @media (min-width: 1024px) {
    @content;
  }
}

body { 
  @include start-desktop-size { 
    background: red; 
  } 
}