Mixins inside media queries

Question

My question is probably trivial but I couldn't find an answer. I want to change some mixins inside media queries but they don't seem to work.

@mixin boxSize
  width: 200px
  height: 200px
//Media Queries//
@media (max-width: 400px)
  @mixin boxSize
    width: 50px
    height: 50px

Answer 1

It should look like this:

@mixin boxSize
    width: 200px
    height: 200px

    @media (max-width: 400px)
        width: 50px
        height: 50px

But this code looks like mix of sass and scss syntax, the sass mixin is here: http://sass-lang.com/guide