Могу ли я использовать css-классы как миксин в менее-файле?

Question

В моем style.less Я хотел бы определить, что все элементы с классом .element вложенный в элемент класса .group имеют те же свойства класса начальной загрузки .col-sm-6,

К сожалению, я не могу напрямую добавить класс .col-sm-6 к элементам.

В этом проекте загрузчик доступен в папке tapestry5/bootstrap/css/bootstrap-darkly.css по отношению к моему style.less, (Как) Могу ли я также использовать CSS-классы в качестве mixins в моем style.css? Я старался:

@import (reference) "tapestry5/bootstrap/css/bootstrap-darkly.css";

.group .element {
  .col-sm-6;
}

К сожалению, я получаю исключение Less4J:

Could not find mixin named ".col-sm-6". - line 4 - position 3

Нельзя ли использовать CSS в качестве миксинов или что-то не так с моим синтаксисом?

Answer 1

Если вы измените css файл у вас есть в наличии less конец файла и импортируйте его (так как все CSS действительны МЕНЬШЕ). Чем меньше компилятор сможет найти и использовать .col-sm-6 как миксин.

@import (reference) "tapestry5/bootstrap/css/bootstrap-darkly.less";

.group .element {
  .col-sm-6;
}

Answer 2

Если вы собираетесь использовать Bootstrap LESS, вы можете использовать их миксины вместо CSS. Как семь-max-max предложил в своем комментарии, вы можете использовать make-*-column вместо использования классов CSS.

Вы бы сделали это вместо этого:

.group .element {
  .make-sm-column(6);
}