导致编译错误的简单 LESS mixin 和变量

Question

我试图找出为什么这个 LESS 文件无法编译。我已经创建了一个基本的 mixin 和被解析到其中的变量，但由于某种原因它无法编译。

错误信息是：ParseError: 无法识别的输入

这一行：#placement-5-1.sidenav(@sidenav-colour)

我是否遗漏了一些明显的东西？我是 less 的新手，正在为我的新工作学习它。感谢您的帮助。

#placement-5-1.sidenav(@sidenav-colour) {
 .content-wrapper-inner {
  ol.output-level-1 {
   box-shadow: 0 0 4px rgba(0,0,0,.3);
   > li {
    > a {
     background: @sidenav-colour;
     color: @bright-white;
     padding: 15px 10px;
     position: relative;
     padding-right: 40px;
     &:after {
      position: absolute;
      right: 10px;
      content: "\f063";
      font-family: 'Font Awesome 5 Pro';
      font-size: 2em;
      top: 50%;
      transform: translateY(-50%);
     }
    }
   }
  }
 }
 @media @mobile {
  margin: 0px 9% !important;
 }
}

@some-red: #e74c3c;
@some-blue: #3498db;

.sidenav.red { #placement-5-1.sidenav.red(@some-red) }
.sidenav.blue { #placement-5-1.sidenav.red(@some-blue) }

Answer 1

你在哪里声明你的mixin？根据您在此处发布的代码，变量 @sidenav-colour 似乎从未声明过，因此它将是一个 "unrecognized input"。尝试使用本文来检查您是否正确使用了 mixin https://www.sitepoint.com/a-comprehensive-introduction-to-less-mixins/

导致编译错误的简单 LESS mixin 和变量

Simple LESS mixin and variable causing compiling error

less