是否可以使用Sass附加CSS转换属性？

Question

在这个人为的例子中，我有一个我正在应用变换的对象。我希望能够通过添加另一个类来添加另一个变换。

.translated{
  @include transform(translateX(50%));
  // This line will write all the vendor prefixed transform properies
  // e.g. -webkit-transform: translateX(50%);
  &.rotated{
    @include transform(rotate(10deg));
    // e.g. -webkit-transform: rotate(10deg);
  }
}

现在，发生的事情是，由于旋转变换会覆盖先前的平移变换，因此转换和旋转类的元素最终会被旋转。

我想要实现的是最终的CSS看起来像：

-webkit-transform: translateX(50%) rotate(10deg);

我有没有办法使用sass（可能通过使用变量或通过mixin）来实现这一目标？