混蛋列表媒体查询与变量

时间:2019-07-08 07:14:27

标签: sass

使用此mixin时给我错误!并指向最后一个条件的“第n个”,最后包含错误。

@mixin break($para...) {
    @if($para==1) {
        @media (max-width: nth($para, 1)) {
            @content;
        }
    }
    @else {
        @media (min-width: nth($para, 1)) and (max-width: nth($para, 2)) {
            @content;
        }
    }
}

Compilation Error
Error: index out of bounds for `nth($list, $n)`
        on line 42 of sass/e:\coding\sass\scss\pro\assets\css\-mixins.scss, in function `nth`
        from line 42 of sass/e:\coding\sass\scss\pro\assets\css\-mixins.scss, in mixin `break`
        from line 15 of sass/e:\coding\sass\scss\pro\assets\css\main.scss
>> min-width: nth($para, 1)) and (max-width: nth($para, 2)) {
   ------------------------------------------^

1 个答案:

答案 0 :(得分:0)

错误来自@if条件,应为length($para) == 1而不是$para==1。否则,它将始终进入@else语句,并且如果只有一个参数传递给mixin nth($para, 2),则会返回错误。