使用函数结果作为 arglist

Question

有没有一种智能方法可以将 map.get 的函数结果用作 arglist 而无需先将列表保存到变量？

@use "sass:map";

@mixin make-button-size($font-size, $padding-vertical, $padding-horizontal) {
    // make-button-size implementation
}

$sizes: (
    md: (10px, 11px, 12px),
)

$params: map.get($sizes, md);
@include make-button-size($params...);

我尝试了以下方法，但这会导致语法错误：

@include make-button-size((map.get($sizes, md))...);

Answer 1

它基于https://www.sassmeister.com/ .

即使我输入以下内容，也不会出现错误。

@mixin make-button-size($font-size, $padding-vertical, $padding-horizontal) {
    a: $font-size;
    b: $padding-vertical;
    c: $padding-horizontal;
}

$sizes: (
    md: (10px, 11px, 12px),
);
$params: map-get($sizes, md);

p {
  sizes: $params;
  @include make-button-size(map-get($sizes, md)...);
}

编译：

p {
  sizes: 10px, 11px, 12px;
  a: 10px;
  b: 11px;
  c: 12px;
}

$sizes: (...) 没有分号，所以请确保它不是。

使用函数结果作为 arglist

Use function result as arglist

css

sass

scss-mixins

sass-maps