2

Estou com um problema mas não sei se é possível, estou querendo editar algumas class colocando um & segue o exemplo:

.bcolor(@prefix, @suffix) {
    .@{prefix}red@{suffix} {
        background-color: red;
    }
    .@{prefix}blue@{suffix} {
        background-color: blue;
    }
}

table {
  &.bcolor {
    .bcolor(bc-, ~">tbody>tr");
  }
}

Aqui tudo bem mas a resposta é essa:

table.bcolor .bc-red>tbody>tr {
  background-color: red;
}
table.bcolor .bc-blue>tbody>tr {
  background-color: blue;
}

Eu precisaria que a resposta assim:

table.bcolor.bc-red>tbody>tr {
  background-color: red;
}
table.bcolor.bc-blue>tbody>tr {
  background-color: blue;
}

Mas toda vez que adiciono & numa variável ele da erro, segue o exemplo:

table {
  &.bcolor {
    &.bcolor(bc-, ~">tbody>tr");
  }
}

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .