МЕНЬШЕ Имя динамического класса CSS

Я пишу этот файл LESS, и я как бы застрял.

Код выглядит следующим образом:

.flag (@code) {
    (~'.@{code}') {
        + label {
            &:after {
                background-image: url('images/flags/@{code}.png');
            }
        }
    }
}

input[type='radio'] {
    &.flag {
       .flag(us);
    }
}

Прямо сейчас это создает следующий CSS (обратите внимание на пробел между.flag и.us)

input[type='radio'].flag.us + label:after {
    background-image: url('images/flags/us.png');
}

Однако результат, который я ищу, должен быть следующим:

input[type='radio'].flag.us + label:after {
    background-image: url('images/flags/us.png');
}

Очевидно, мне где-то нужен комбинатор (и ). Но я не могу понять, где именно. Все, что я пробовал до сих пор, приводит либо к ошибкам синтаксического анализа, либо к нежелательным результатам. Можно ли вообще начать?

Любая помощь будет оценена по достоинству.