Estoy escribiendo este archivo LESS y estoy atascado.MENOS Nombre dinámico de la clase de CSS
El código es el siguiente:
.flag (@code) {
(~'[email protected]{code}') {
+ label {
&:after {
background-image: url('images/flags/@{code}.png');
}
}
}
}
input[type='radio'] {
&.flag {
.flag(us);
}
}
En este momento, esto produce el siguiente CSS (tenga en cuenta el espacio entre .flag y .us)
input[type='radio'].flag .us + label:after {
background-image: url('images/flags/us.png');
}
Sin embargo, el resultado de que soy buscando debe ser lo siguiente:
input[type='radio'].flag.us + label:after {
background-image: url('images/flags/us.png');
}
Obviamente necesito el combinador (&) en alguna parte. Pero parece que no puedo averiguar dónde exactamente. Todo lo que he intentado hasta ahora resulta en errores de análisis o resultados no deseados. ¿Es posible empezar?
Cualquier ayuda sería apreciada.