1

I am trying to automatically include the properties of a particular nested CSS class within another.

.lucid-TextField {
  color:red;

  &&-is-single-line{
      height: 1.75rem;
  }
}


.date-input input{
    &:extend(.lucid-TextField,
    .lucid-TextField.lucid-TextField-is-single-line ); 
}

It will include lucid-TextField but i get the alert extend ' .lucid-TextField.lucid-TextField-is-single-line' has no matches.

I tried some other approaches, this one fails the least. Is it possible at all to reference the lucid-TextField's nested selectors that use &&?

Using @extend(.class all) is not the answer I am looking for - I simply want to pull all those properties into the new .date-input input selector.

spacewindow
  • 387
  • 1
  • 3
  • 16

0 Answers0