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

我尝试了其他指南针mixins，它们似乎工作正常。我的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);

指南针mixin过渡

2 个答案: