@mr_blond97

Как в less использовать mixin с 2-мя параметрами в url?

Как в less использовать mixin с 2-мя параметрами в url?

Нерабочий код:

.pic_url(@folder;@name) {
    background-image: url("/@{folder}/@{name}.png");
}
.span {
    .pic_url(F1;N1);
}


Нужно получить такой CSS?

.span {
    background-image: url("/F1/N1.png");
}
  • Вопрос задан
  • 267 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Pastaraje
.pic_url(@folder: define;@name: me) {
	background-image: url("/@{folder}/@{name}.png");
}

.span {
	.pic_url();
}
.span {
	.pic_url(images;some);
}
.span {
	.pic_url(@name: pls);
}
.span {
	.pic_url(@folder: folder;@name: file);
}


На выходе

.span {
  background-image: url("/define/me.png");
}
.span {
  background-image: url("/images/some.png");
}
.span {
  background-image: url("/define/pls.png");
}
.span {
  background-image: url("/folder/file.png");
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы