How to port old less that uses string interpolation so it works with newer version of less?

0
votes

I am trying to recompile the less in this file it was written with an older version of less using string interpolation which is not supported any more based on this answer

.skill-position(@id, @z-index, @left, @top) {
    (~'.skill[data-skill-id="@{id}"]') {
        //z-index:@z-index;
        left:unit(@left, px);
        top:unit(@top, px);
    }
}

.skill-icon(@id, @x, @y) {
    (~'.skill[data-skill-id="@{id}"]') {
        .icon {
            background-position: -(@x - 1)*60px -(@y - 1)*60px;
        }
    }
}

How do I port this so it does not use string interpolation and can be compiled with newer versions of less?

cssless