МЕНЬШЕ: переменная, которая ссылается на значение другого с именем конкатенации

Question

Следующий (vey simplified) код LESS работает правильно, значение печати width, ранее присвоенное переменной @screen-md.

@screen-md:700px; 
@size:md; 

@temp:"screen-@{size}"; 
@width:@@temp; 

.foo 
{ 
    width:@width; 
} 

Представьте себе, что @size значение может быть параметр, передаваемый в Mixin. В общем, для получения желаемого результата мне нужно пройти через переменную @temp, сначала назначив ей имя переменной на основе значения @size, а затем используя Variable name, чтобы, наконец, присвоить ей переменную @width.

Мой вопрос: можно ли избежать необходимости @temp переменной, разрушаясь

@temp:"screen-@{size}"; 
@width:@@temp; 

в нечто вроде @width:@@"screen-@{size}"?

Answer 1

Да, можно свернуть его в одну линию, как показано ниже:

@screen-md:700px; 
@size:md; 
.mixin(@size){ 
    width: ~"@{screen-@{size}}"; /* can either be assigned to another variable or property */ 
} 

.output{ 
    .mixin(md); 
} 

Пояснение:

• screen-@{size} - будет оценивать, чтобы screen-md в качестве входного параметра в Mixin md.
• @{screen-@{size} - поэтому поэтому @{screen-md}. Это будет оцениваться как 700px.
• ~"" - экранирование используется, чтобы избежать кавычек, напечатанных на выходе.