Динамические имена переменных с меньшим

Question

Я пытаюсь назначить имена динамических переменных, используя меньше (используя это в первый раз) ... но ничего, что я пробовал, похоже, работает. Просмотрев всю документацию, я придумал это, но он все еще не работает:

// jellybeans 
@opacity: 1; 

@black-jellybeans: rgba(59,59,59,@opacity);  // #3b3b3b 
@red-jellybeans:  rgb(207,106,76,@opacity);  // #cf6a4c 
@green-jellybeans: rgba(153,173,106,@opacity); // #99ad6a 
@yellow-jellybeans: rgba(216,173,76,@opacity);  // #d8ad4c 
@blue-jellybeans:  rgba(89,123,197,@opacity);  // #597bc5 
@magenta-jellybeans: rgba(160,55,176,@opacity);  // #a037b0 
@cyan-jellybeans:  rgba(113,185,248,@opacity); // #71b9f8 
@white-jellybeans: rgba(173,173,173,@opacity); // #adadad 

// the palette to use 
@palette: "jellybeans"; 

@black: "black-@{palette}"; 
@red:  "red-@{palette}"; 
@green: "green-@{palette}"; 
@yellow: "yellow-@{palette}"; 
@blue: "blue-@{palette}"; 
@magenta: "magenta-@{palette}"; 
@cyan: "cyan-@{palette}"; 
@white: "white-@{palette}"; 

Любые предложения?

Answer 1

использование:

@cyan: "cyan-@{palette}"; 
p{ 
color: @@cyan; 
} 

или

@whitename: "white-@{palette}"; 
    @white: @@whitename; 

    p{ 
    color: @white; 
    }