css - 使用函数结果作为 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: (...)没有分号，所以请确保它没有。