Mixin参数作为类名的一部分

时间:2018-06-28 09:13:50

标签: css less less-mixins

您好,可以将mixin参数用作此mixin中使用的类名称的一部分吗?还是可以通过其他方式使用它?

.thumbs-mixin(@length) {

    &.thumbs-@length {

        .slick-track {
            width: 180px * @length - 20px;
            transform: translate3d(-50%, 0px, 0px);
            left: 50%;
        }
    }
}

1 个答案:

答案 0 :(得分:1)

在变量周围使用花括号。 &.thumbs-@{length}

.thumbs-mixin(@length) {

  &.thumbs-@{length} {
    .slick-track {
      width: 180px * @length - 20px;
      transform: translate3d(-50%, 0px, 0px);
      left: 50%;
    }
  }
}

更多信息:http://lesscss.org/features/#variables-feature-variable-interpolation