Как корректно объединить запись в LESS для компактной записи в css?

Question

[Лариса]

Имеем в LESS файле запись

.breadcrumb {
  &.main,
  &.path {
     & a:hover {
      color: red;
    }
  }
}

.right-sidepanel {
    &-article,
    &-moreover {
      a {
        color: red;
      }
    }
  }

.left-sidepanel {
    .panel {
      &-heading,
      &-body a {
        color: red;
      }
    }
  }

Никак не могу придумать решение для максимально компактной записи и в less и на выходе в css

На выходе имеем

.breadcrumb.main a:hover,
.breadcrumb.path a:hover {
  color: red;
}
.right-sidepanel-article a,
.right-sidepanel-moreover a {
  color: red;
}
.left-sidepanel .panel-heading,
.left-sidepanel .panel-body a {
  color: red;
}

/*  Как исправить файл Less, чтобы на выходе была компактная запись вида   */

.breadcrumb.main a:hover,
.breadcrumb.path a:hover,
.right-sidepanel-article a,
.right-sidepanel-moreover a,
.left-sidepanel .panel-heading,
.left-sidepanel .panel-body a {
  color: red;
}

Большое спасибо за науку)

Answer 1

[Ankhena]

Наверное, Вам поможет вот это: websketches.ru/less/extend

.breadcrumb {
  &.main,
  &.path {
     & a:hover {
      color: red;
    }
  }
}

.right-sidepanel {
    &-article,
    &-moreover {
      a {
        &:extend(.breadcrumb.main a:hover);
      }
    }
  }

.left-sidepanel {
    .panel {
      &-heading,
      &-body a {
        &:extend(.breadcrumb.main a:hover);
      }
    }
  }

less2css.org/#%7B%22less%22%3A%22.breadcrumb%20%7B...

Answer 2

[zooks]

Могу сказать, что в SASS свойства автоматически группируются, но не для данного примера.
Так что лучше озаботиться минификацией файлов.

Comments

[Лариса]

Если эксперт не знает ответа на вопрос, то как можно вызвать знающего ответ эксперта?

[zooks]

Лариса: вопрос поставлен некорректно. Объединять записи не нужно, нужна минификация.

[Лариса]

Согласна, а как корректно это сделать у LESS?

[zooks]

Лариса: минификация делается путем подключения соотв. плагина к сборщику Gulp или Grunt.