Scss使用Looop创建动态Mixin

Question

你好，我需要为断点创建mixins，我想动态地做到这一点。因此，我尝试使用断点数组创建一些循环并创建mixins。我有一些例子，但它无法正常工作，可以有人帮助我。

谢谢。

$breakpoints: ("768": "tablet", "576": "mobile");

@each $breakpoint, $i in $breakpoints {
    @mixin #{$i}() {
        @media screen and (max-width: #{$breakpoint}px) {
            @content;
        }
    }
}