Question

我发现好的mixin写在＆＃34; SCSS＆＃34;。

@mixin absolute($args) {
    $offsets: top right bottom left;
    @each $o in $offsets {
        $i: index($args, $o);

        @if $i 
        and $i + 1 <= length($args) 
        and type-of( nth($args, $i + 1) ) == number {
            #{$o}: nth($args, $i + 1);
        }
    }
}

并且，我将其转换为＆＃34; sass＆＃34;。

=absolute($args)
$offsets: top right bottom left
@each $o in $offsets
    $i: index($args, $o)
    @if $i 
    and $i + 1 <= length($args) 
    and type-of( nth($args, $i + 1) ) == number
        #{$o}: nth($args, $i + 1)

但是，它有错误......

Invalid CSS after "and ": expected selector, was "$i + 1 <= lengt..."

我该如何写＆＃34;和＆＃34;指令＆＃34; sass＆＃34;？

Answer 1

看看这是否有效。我所做的就是将and放在同一行

=absolute($args)
$offsets: top right bottom left
@each $o in $offsets
    $i: index($args, $o)
    @if $i and $i + 1 <= length($args) and type-of( nth($args, $i + 1) ) == number
        #{$o}: nth($args, $i + 1)

如何写＆＃34;和＆＃34; sass中的指令

1 个答案: