指南針混合轉換

Question

我剛剛使用Grunt和Compass設置了一個項目。我只是嘗試使用mixin轉換，並且出現錯誤：

錯誤：Mixin轉換缺少參數$ time。

我SCSS代碼如下：

.five { 
    .portfolio-tabs { 
     list-style-type: none; 
     padding: 0; 
     margin: 0; 
     li { 
      padding: 10px; 
      width: 25%; 
      height: auto; 
      display: block; 
      float: left; 
      a { 
       border: 6px solid #f3f5f7; 
       display: block; 
       margin-bottom: 10px; 
       min-height: 100px; 
       @include transition(all 0.5s ease); 
      } // a 
      a.active, a:hover { 
       border-color: #e1603a; 
      } // a.active, a:hover 
      img { 
       margin: 0 auto; 
      } // img 
     } // li 
    } // .portfolio-tabs 
} // .five 

我已經嘗試過其他指南針的混入，他們似乎很好地工作。我錯過了SCSS中的錯誤嗎？

Answer 1

我找不到一個transition mixin的任何文檔。看起來你正在尋找的是這樣做

@include transition-property(all); 
@include transition-duration(0.5s); 
@include transition-timing-function(ease); 

Answer 2

我遇到了同樣的問題。問題在於mixin錯過了逗號來區分每個參數。

更改此：

@include transition(all 0.5s ease); 

要這樣：

@include transition(all, 0.5s, ease);