html - scss 编译报错没有mixin named transalate property

Question

没有 mixin 命名转换 编译后我在这里得到这个错误它的代码

这个错误码

{
"status": 1,
"file": "/Users/chetandhargalkar/Documents/medino/assets/sass/layout/_header.scss", "line": 36,
"column": 30,
"message": "no mixin named transition",
"formatted": "Error: no mixin named transition\n on line 36 of assets/sass/layout/_header.scss\n from line 11 of assets/sass/main.scss\n>> @include transition(all .3s ease-in-out)\r\n -----------------------------^\n"
}

这是我的代码

.social-links {
  ul {
    float: right;
    margin-top: 5px;
    li {
      display: inline;
      margin-left: 15px;
      a {
        color: $body-text;
        @include transition(all .3s ease-in-out);
        &:hover {
          color: $primary-color;
        }
      }
    }
  }
}

Answer 1

Transition 不是 mixin，它是一个标准的 CSS 属性。替换为:

@include transition(all .3s ease-in-out);

用这个:

transition: all .3s ease-in-out;