Используя LESS, как я могу сослаться на класс в отдельном файле .less с потрясающим шрифтом?

ОБНОВЛЕНО

Если снова взглянуть на Font-Awesome, похоже, что теперь они включили миксины для иконок. См. следующие два файла.

https://github.com/FortAwesome/Font-Awesome/blob/master/less/variables.less

https://github.com/FortAwesome/Font-Awesome/blob/master/less/mixins.less

Используйте как:

.feedbackItemIconPraise
{
    .icon(@thumbs-up-alt)
    color:Green;
}

ОРИГИНАЛ

Если вы посмотрите на font-awesome.less, вы увидите, что этого класса не существует, на самом деле это .icon-thumbs-up:before. К сожалению, вы не можете использовать псевдоклассы в качестве примесей, например .icon-thumbs-up:before;.

Вам нужно будет изменить файл font-awesome.less (или просто добавить этот класс, или просто поставить content: "\f087"; прямо туда, куда он должен идти), чтобы была версия без :before:

.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-up                   { content: "\f087"; }

Затем примените эту концепцию:

.feedbackItemIconPraise {
    font-family: "FontAwesome";
    font-size: 90px;
    padding-top: 7px;

    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;

    &:before {
        .icon-thumbs-up;
    }

}

Кажется, значки Font-Awesome должны использовать псевдоним :before, чтобы они отображались.

Демонстрация: http://pulse-dev.com/files/stackoverflow/fontawesomeclass/

Для этого может быть другое решение, но я объединяю свои скрипты в один файл (автоматически), прежде чем запускать его через компилятор LESS. Это позволяет мне заранее определять переменные и примеси, которые можно использовать в любом из моих LESS-файлов.

В онлайн-документации упоминается, что LESS может включать файлы @import, делая доступными переменные и примеси. Вам может потребоваться убедиться, что вы используете последнюю версию компилятора, и если файлы импорта организованы в структуру папок, вам может потребоваться указать компилятору, где искать.

var parser = new(less.Parser)({
    paths: ['.', './lib'], // Specify search paths for @import directives
    filename: 'style.less' // Specify a filename, for better error messages
});