Less incomprehensible space. How to remove it?

Question

css

.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);
  }

it turns out

.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)
how to get rid of spaces?

Answer 1

decided like this:

.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

So have you tried it?

.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);
}