Есть ли такая вещь как необязательный &?

Question

Рассмотрим следующий код:

@mixin bar() {
    @if & {
        &.bar {
            display: none;
        }
    } @else {
        .bar {
            display: none;
        }
    }
}

@include bar();

.foo {
    @include bar();
}

... который компилируется в:

.bar {
    display: none;
}

.foo.bar {
    display: none;
}

Есть ли способ написать этот миксин без дублирования блока .bar?

Answer 1

Вы можете рассматривать его как аргумент со значением по умолчанию, которое вы можете легко изменить:

@mixin bar($c:'.bar') {
    @if & {
        &#{$c} {
            display: none;
        }
    } @else {
        #{$c} {
            display: none;
        }
    }
}