Задать вопрос
@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");
}
  • Вопрос задан
  • 269 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • Бруноям
    Вёрстка на HTML и CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 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");
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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