Параметр Mixin как часть имени класса - PullRequest
0 голосов
/ 28 июня 2018

Привет, возможно ли использовать параметр mixin как часть имени класса, используемого в этом mixin, или сделать это каким-либо другим способом?

.thumbs-mixin(@length) {

    &.thumbs-@length {

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

1 Ответ

0 голосов
/ 29 июня 2018

Используйте фигурные скобки вокруг переменной, т.е. &.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

...