Less непонятный пробел. Как его убрать?

Question

[Егор Трубников-Панов]

.rotate(@degrees,@size) {
  -moz-transform: rotate(@degrees+deg) translate(@size, 0px);
  -o-transform: rotate(@degrees+deg) translate(@size, 0px);
  -webkit-transform: rotate(@degrees+deg) translate(@size, 0px);
  transform: rotate(@degrees+deg) translate(@size, 0px);
}

@arm_count: 12;
@size: 5px;
  
.ray
  {
    .while (@index) when (@index > 0) {
        @ratio: @index/@arm_count;
        @angle: @ratio*360;
      @t: ~":nth-child(@{index})";
      &@{t} {
        .rotate(~"@{angle}", @size)
      }
      .while(@index - 1);
    }
    .while (0) {}
    .while (@arm_count);
  }

получается

.ray:nth-child(12) {
  -moz-transform: rotate(360 deg) translate(5px, 0px);
  -o-transform: rotate(360 deg) translate(5px, 0px);
  -webkit-transform: rotate(360 deg) translate(5px, 0px);
  transform: rotate(360 deg) translate(5px, 0px);
}

(360_пробел_deg)
как избавиться от пробела?

Answer 1

[Егор Трубников-Панов]

решил так:

.rotate(@degrees,@size) {
  @deg:~"@{degrees}deg";
  -moz-transform: rotate(@deg) translate(@size, 0px);
  -o-transform: rotate(@deg) translate(@size, 0px);
  -webkit-transform: rotate(@deg) translate(@size, 0px);
  transform: rotate(@deg) translate(@size, 0px);
}

Answer 2

[trueClearThinker]

Так пробовали?

.rotate(@degrees,@size) {
  -moz-transform: rotate(~"@{degrees}deg") translate(@size, 0px);
  -o-transform: rotate(~"@{degrees}deg") translate(@size, 0px);
  -webkit-transform: rotate(~"@{degrees}deg") translate(@size, 0px);
  transform: rotate(~"@{degrees}deg") translate(@size, 0px);
}