带有变量的SASS列表媒体查询



它在使用此Mixin时会给我错误!指向最后一个条件的" nth",最后包括错误。

@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:codingsassscssproassetscss-mixins.scss, in function `nth`
        from line 42 of sass/e:codingsassscssproassetscss-mixins.scss, in mixin `break`
        from line 15 of sass/e:codingsassscssproassetscssmain.scss
>> min-width: nth($para, 1)) and (max-width: nth($para, 2)) {
   ------------------------------------------^

错误来自@if条件,该条件应为length($para) == 1而不是$para==1。否则,它将始终在@else语句中进行,如果仅传递一个参数,则 nth($para, 2)返回错误。

最新更新