winbackgo
@winbackgo

Less: как реализовать множественные селекторы в переменной?

Имеем:
select, textarea, input[type="text"], input[type="password"] {
   color: #000;
 }

.error {
  select, textarea, input[type="text"], input[type="password"] {
    color: red;
  }
}

Хочется:
@input-selector: ~'select, textarea, input[type="text"], input[type="password"]';

@{input-selector} {
   color: #000;
 }

.error {
  @{input-selector} {
    color: red;
  }
}

Но результат не радует:
select, textarea, input[type="text"], input[type="password"] {
  color: #000;
}
.error select, textarea, input[type="text"], input[type="password"] {
  color: red;
}

Есть ли возможность реализовать такое на less? Т.е. хранить список селекторов в одном месте.
  • Вопрос задан
  • 2628 просмотров
Пригласить эксперта
Ответы на вопрос 1
SerDIDG
@SerDIDG
У себя подобное решил вот так:

#bundle {
    .input {
        color: #000;
        
        .error & {
            color: red;
        }
    }
}

select, textarea, input[type="text"], input[type="password"] {
    #bundle > .input;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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