覆盖sass媒体查询混合

我无法更改媒体查询中设置的样式。我正在编写mobile first样式，然后在这些媒体查询中声明大屏幕的样式

在我的文件的顶部

@mixin断点（$point）{
@如果$point==中等{
@媒体（最小宽度：em（480））{@content；}
}
}
@混合断点（$point）{
@如果$point==大{
@媒体（最小宽度：em（800））{@content；}
}
}

自始至终，我都有这样的风格：

.col-1-4{
宽度：100%；
填充：0；
@包括断点（中等）{
宽度：50%；
右侧填充：em（10）；
&：第n个子（2n）{
右边填充：0；
左：em（10）；
}
}
@包含断点（大）{
宽度：25%；
&：第n个孩子（4n）{
右边填充：0；
}
}
}

大字体的样式显示在所需的

最小宽度处，而不是中等样式

如果我将顶部的混合切换到：

@mixin断点（$point）{
@如果$point==大{
@媒体（最小宽度：em（800））{@content；}
}
}
@混合断点（$point）{
@如果$point==中等{
@媒体（最小宽度：em（480））{@content；}
}
}

样式在
最小宽度
中等
处更改，但在
大
处不更改

如何使我想要的样式在所需的最小宽度上生效

我编译的CSS如下所示：

.col-1-4{
宽度：100%；
填充：0；}
@介质（最小宽度：50em）{
.col-1-4{
宽度：25%；}
.col-1-4：第n个孩子（4n）{
填充权限：0；}

如果我交换顶部的mixin，它只编译顶部编写的mixin

任何帮助都会很好。
问题是您定义了两次断点混合，这会导致第一个断点被覆盖

@mixin breakpoint($point) {
  @if $point == medium {
    @media (min-width: em(480)) { @content; }
  } @else if $point == large {
    @media (min-width: em(800)) { @content; }
  }
}

编译后的CSS是什么样子的？我将修改这个问题并添加编译后的CSSY，出于某种原因，它只使用我在文档顶部编写的媒体查询mixin进行编译。我正在使用一个叫做hammer for mac的gui来编译我的代码。