grabbee
@grabbee

Как при вложенности наследовать свойства класса в LESS?

Можно ли одновременно c вложенностью наследовать свойства родителя?

.link {
  cursor: pointer;
  text-decoration: none;
  &-primary {
    color: red;
  }
}


Чтобы на выходе оба класса link и link-primary содержали свойства
cursor: pointer;
text-decoration: none;
  • Вопрос задан
  • 254 просмотра
Решения вопроса 1
bubandos
@bubandos
bash'у, javascript'ую, php'лю, css'аю, html'каю
Сходу, решается использованием миксинов
.op {
    cursor: pointer;
    text-decoration: none;
}

.link {
    .op;
    &-primary {
        color: red;
        .op;
    }
}


Или с помощью extend:
.link {
  cursor: pointer;
  text-decoration: none;
  &-primary:extend(.link) {
    color: red;
  }
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы