css - Scss 使用循环创建动态混合

Question

您好，我需要为断点创建 mixins，并且我想动态地进行。所以我尝试用断点数组创建一些循环并创建混合。我有一些例子，但它不起作用有人可以帮助我。

谢谢。

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

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

标签： cssdynamicsassmixins