Использовать переменную SASS @each внутри вложенного миксина
Я хочу использовать встроенный в 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 ответ
Вы возитесь с именованными параметрами.
Это должно выглядеть так:
@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