Sass 不编译Bourbon.io@include Transition
我今天升级了我的gulp sass版本和gulp本身,我在Bourbon.io上遇到了问题 在Sass中,样式为:Sass 不编译Bourbon.io@include Transition,sass,gulp,bourbon,Sass,Gulp,Bourbon,我今天升级了我的gulp sass版本和gulp本身,我在Bourbon.io上遇到了问题 在Sass中,样式为: .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-
.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,或者只有一个属性,它将正确编译,但如果我尝试将其链接在一起,它将崩溃
谢谢 您正在函数调用中复制转换时间:
@include transition(opacity 0.3s 0s, ...)
您有0s
和0.3s
。也许这就是它不起作用的原因。我检查了,似乎您还必须输入转换类型:
@include transition(opacity 0.3s ease-in 0s, ...)