sass - 如何将 $rotate3d 与 create-transform 一起使用？

Question

我正在尝试在块$rotate3d内使用create-transform（以及 scale-x），但我尝试的任何方法都没有正常工作。如果我这样做rotate3d，它会很好地工作：

@include rotate3d(1, 0, 0, 3deg, 800);

但我需要将其与规模和透视相结合，因此创建变换是我唯一的选择。

$rotate3d这是让我感到困惑的多重论点。我试过了，但没有用：

@include create-transform(
    $rotate3d: "1, 0, 0, 30deg, 800"
);

想法？

Answer 1

mixin 的参数由逗号分隔，因此 Sass 认为您正在尝试向$rotate3d参数发送单个值。您实际上想要做的是发送一个逗号分隔的列表作为单个参数的值。这可以通过在列表周围添加括号来完成：

@include create-transform($rotate3d: (1, 0, 0, 30deg, 800));