首页 > 解决方案 > 试图从名称列表中调用 mixin - Sass

问题描述

我有一个 mixin 列表,我想在 1 个 mixin 中使用循环调用它们,但是当我尝试使用列表中的索引包含混合名称时会引发错误。有没有办法解决这个问题!?

@mixin example1 {
    width: 50px;
}
@mixin example2 {
    height: 10px;
}
$arr : (
    'lg':(
        ('example1','.container header'),
        ('example2','.container nav'),
    ),
    'sm': (
        ('example2','.container header'),
    )
);
@mixin mediaRender($z : 'min' ) {
    @each $ind , $val  in $arr {
        @media (min-width:getMedia($ind)){
            @for $i from 1 through length($val){
               $tm : nth($val,$i);
              #{nth($tm,2)}{
                @include nth($tm,1); // Error
               }
            }
        }
    }
}

标签: csssassscss-mixins

解决方案


推荐阅读