嚕噜咕噜不编译 Bourbon.io @include过渡

Question

我今天升级了我的gulp-sass版本并吞噬了自己，我遇到了 Bourbon.io 问题

在萨斯的风格中，风格如下：

.dropdown-is-active {
    opacity: 1;
    @include transform(translateY(0));
    @include transition(opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s);
}

它编译为：

.cd-dropdown.dropdown-is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity, visibility, -webkit-transform;
    -moz-transition: opacity, visibility, -moz-transform;
    transition: opacity, visibility, transform; }
}

如您所见，它不会将秒添加到过渡中....有人有什么想法吗？如果我将其更改为 all，或者只有一个属性，它将正确编译，但如果我尝试将其链接在一起 - 它会中断。

谢谢！

Answer 1

你在函数调用中复制转换时间：

@include transition(opacity 0.3s 0s, ...)

你有0s和0.3s.也许这就是它不起作用的原因。我检查了过渡文档，似乎您还必须输入过渡类型：

@include transition(opacity 0.3s ease-in 0s, ...)