Generar nombres de clase con números fraccionarios.
Quiero crear una clase como .rating-1-1 {}, .rating-1-2 {}, hasta 10.0. Aquí 1-1 significa que es 1.1. Donde quiero reemplazar el punto decimal con -. En mi implementación actual se genera como .rating-1.1, .rating-1.2 esta clase no funcionará para aplicar el estilo CSS.
Probar código
@iterations: 10;
.rate-loop (@i) when (@i > 0) {
.rate-@{i} {
width: percentage((@i / @iterations));
}
.rate-loop(@i - 0.1);
}
.rate-loop (@iterations);