2013-07-29 2 views
3

저는이 프로젝트에서 Sass 3.2.9, Compass 0.13.alpha.4 및 Susy 1.0.9를 사용하고 있습니다. 여기 Firefox에서 컴파스 단일 전환 믹스가 작동하지 않습니다. 22

는 SCS들입니다 :

.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 : 그것은 FF처럼 보이지 않는

.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; } 

도 전환을 따기입니다. 그러나 Chrome에서 정상적으로 작동합니다. Mozilla 접두어가 전환되는 방식이 변경 되었습니까? 아니면 나침반이 그들을 어떻게 생성하고 있을까요? 아니면 내가 잘못 쓰고 있니?

은 또한 일을 시도 :

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

나는 문제없이 과거 프로젝트에서이 믹스 인을 사용했습니다, 그래서 나는 예쁜이 하나 난처한 상황에 빠진거야.

답변

8

Firefox는 지연 시간으로 0을 허용하지 않으며, 's'또는 'ms'가 없어야합니다.

나는 나 자신을 만날 것이다.