咕嘟咕嘟 - 薩斯不是編譯Bourbon.io @include過渡

Question

今天我升級我的版本一飲而盡，青菜和吞掉自己和我在與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; } 
} 

正如你可以看到它不添加秒的過渡....任何想法嗎？如果我將它改爲全部，或者只有一個屬性，它會正確編譯，但如果我嘗試將它鏈接在一起 - 則會中斷。

謝謝！

Answer 1

你複製的過渡時間的函數調用：

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

你有0s和0.3s。也許這就是爲什麼它不起作用。我檢查了transition doc，看起來你也必須把過渡類型：

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