2013-07-29 65 views
3

我在這個項目上使用Sass 3.2.9,Compass 0.13.alpha.4和Susy 1.0.9。指南針單轉換混合不工作在Firefox 22

這裏是SCSS:

.callout-image-wrap { 
    @include single-transition(border-color, .5s, ease-in-out, 0); 
    @include rem(border-bottom, 5px solid $mxn-light-blue); 

    &:hover { border-bottom-color : $mxn-dark-blue; } 
} 

這裏是生成的css:

.callout-image-wrap { 
    -webkit-transition: border-color 0.5s ease-in-out; 
    -webkit-transition-delay: 0; 
    -moz-transition: border-color 0.5s ease-in-out 0; 
    -o-transition: border-color 0.5s ease-in-out 0; 
    transition: border-color 0.5s ease-in-out 0; 
    border-bottom: 5px solid #0099ff; 
    border-bottom: 0.3125rem solid #0099ff; } 
    .callout-image-wrap:hover { 
    border-bottom-color: #003399; } 

它看起來並不像FF甚至是拿起過渡。然而,它在Chrome中運行得很好。 Mozilla前綴轉換的方式有沒有改變?或者可能在Compass如何生成它們?還是我寫錯了?

我也試着這樣做:

@include transition(border-color .5s ease-in-out 0); 

我用過去沒有問題的項目這混入,所以我很爲難就這一個。

回答

8

事實證明,Firefox在延遲時間內不會接受0,它必須不在那裏或者有's'或'ms'。

我只是看到我自己。