Less: how to implement multiple selectors in a variable?

Question

Less

We have:

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

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

I want to:

@input-selector: ~'select, textarea, input[type="text"], input[type="password"]';

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

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

But the result is not happy:

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

Is it possible to implement this in less? Those. store a list of selectors in one place.

Answer 1

I solved it myself like this:

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

select, textarea, input[type="text"], input[type="password"] {
    #bundle > .input;
}