Использовать переменную SASS @each внутри вложенного миксина - PullRequest
0 голосов
/ 20 февраля 2019

Я хочу использовать встроенный в Sass метод @each для сокращения этого кода:

.svg-circle-full {
    @include mixinSVG((
        'svg': $svgvar-icn-circle-full,
        'isWide': false
    )...);
}

.svg-circle-empty {
    @include mixinSVG((
        'svg': $svgvar-icn-circle-empty,
        'isWide': false
    )...);
}

.svg-circle-half {
    @include mixinSVG((
        'svg': $svgvar-icn-circle-half,
        'isWide': false
    )...);
}

В основном мне нужно иметь возможность использовать имя переменной из моего цикла @each внутри mixinSVG mixin.Я пытаюсь это, но он терпит неудачу, когда он попадает в переменную @each внутри свойства 'svg':

@each $state in full, empty, half {
    .svg-circle-#{$state} {
        @include mixinSVG((
        'svg': $svgvar-icn-circle-#{$state},
        'isWide': false
        )...);
    }
}

1 Ответ

0 голосов
/ 20 февраля 2019

Вы возитесь с именованными параметрами.

Это должно выглядеть так:

@each $state in triangle, square, circle {
    .svg-circle-#{$state} {
        @include mixinSVG(
        $svg: svgvar-icn-circle-#{$state},
        $isWide: false
        );
    }
}

Источник: http://blog.ricardofilipe.com/post/object-arguments-in-sass

...